vue中使用ref引用子组件方法报错的问题

项目中，父组件使用了 ref 属性调用子组件的方法突然报错了，代码和报错如下：解决方法：把 mounted 里的调用放到一个定时器里就可以了我的理解是因为 ref 属性初始渲染时，子组件还没挂载好，所以这个方法还不存在，所以不能访问。加个定时器延时执行。但是其他使用 ref 属性调用的方法又没有报错，百思不得其解。知道的可以回答下。setTimeout(() =&g...

码农初上路

7275人浏览 · 2020-03-25 16:32:41

码农初上路 · 2020-03-25 16:32:41 发布

项目中，父组件使用了 ref 属性调用子组件的方法突然报错了，代码和报错如下：

解决方法：把 mounted 里的调用放到一个定时器里就可以了

我的理解是因为 ref 属性初始渲染时，子组件还没挂载好，所以这个方法还不存在，所以不能访问。加个定时器延时执行。但是其他使用 ref 属性调用的方法又没有报错，百思不得其解。知道的可以回答下。

setTimeout(() => {
  this.tabMap[this.tabName] && this.tabMap[this.tabName]()
}, 1000)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^