【Vue】报错:this.$refs 引用子组件报错 is not a function
vue 报错:this.$refs 引用子组件报错 is not a function 或者 undefined
·
报错信息
this.$refs.selectTree.onHide is not a function
解决方法
- 确保组件成功导出并挂载:
- 子组件需要 import,import 是请确保路径正确
import selectTree from '@/components/select-tree';
- import 之后还需要在父组件的 component 中进行注册
components: { selectTree }
- 打印下
this.$refs.selectTree
,看下他是否能正常获取到和他的返回格式
// 如上:上面的返回的是一个数组,所以我们应该这样用
this.$refs.selectTree[0].onHide();
- 如果打印
this.$refs.selectTree
为undefined
,则检查ref绑定是否正常(区分大小写)
<select-tree ref = "selectTree"/>
// 错误示例:不分大小写
console.log(this.$refs.SelectTree) // undefined
// 正确示例:区分大小写
console.log(this.$refs.selectTree) // [VueComponent]
- 最后就是确保 子组件 里面存在这个方法
console.log(this.$refs.selectTree)
更多推荐
已为社区贡献8条内容
所有评论(0)