【Vue】报错：this.$refs 引用子组件报错 is not a function

报错信息

• this.$refs.selectTree.onHide is not a function
  

解决方法

1. 确保组件成功导出并挂载：

- 子组件需要 import,import 是请确保路径正确
	import selectTree from '@/components/select-tree';
- import 之后还需要在父组件的 component 中进行注册
	components: {
    
     selectTree }

2. 打印下this.$refs.selectTree，看下他是否能正常获取到和他的返回格式

// 如上：上面的返回的是一个数组，所以我们应该这样用
this.$refs.selectTree[0].onHide();

3. 如果打印this.$refs.selectTree为undefined，则检查ref绑定是否正常（区分大小写）

<select-tree ref = "selectTree"/>
// 错误示例：不分大小写
console.log(this.$refs.SelectTree)	// undefined
// 正确示例：区分大小写
console.log(this.$refs.selectTree)	// [VueComponent]

4. 最后就是确保 子组件 里面存在这个方法

console.log(this.$refs.selectTree)