vue父组件使用ref调用子组件方法报错问题

vue项目中父组件使用 $ref 来调用子组件的方法时报错，一开始控制台会报错，关掉弹窗并且不刷新的情况下页面就没问题，解决办法简单粗暴~两种方法都可以，但是第二种更直观优化。第一种使用定时器来解决方法未加载，因为 ref 属性初始渲染时，子组件还未挂载好，这时这个方法还不存在，所以不能访问。加个定时器延时执行。但是延迟一秒数据显示出来就会很直面的看见这个页面的加载问题；所以，第二种方法是更合适的

A4006

3632人浏览 · 2021-11-12 15:09:10

A4006 · 2021-11-12 15:09:10 发布

vue项目中父组件使用 $ref 来调用子组件的方法时报错，一开始控制台会报错，关掉弹窗并且不刷新的情况下页面就没问题，解决办法简单粗暴~

两种方法都可以，但是第二种更直观优化。

第一种使用定时器来解决方法未加载，因为 ref 属性初始渲染时，子组件还未挂载好，这时这个方法还不存在，所以不能访问。加个定时器延时执行。但是延迟一秒数据显示出来就会很直面的看见这个页面的加载问题；

所以，第二种方法是更合适的来解决DOM元素未加载完毕，让方法等一等

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}$/, //不连续的两位字母// /^