vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“

vue :调用子组件出现的问题1:

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第1张图片

解决方法:这里必须是$refs和ref对应,并且调用的compareTo需要名称一致

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第2张图片

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第3张图片

 

调用子组件问题2:引用子组件的方法说方法未定义

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第4张图片

我去查原因,看到子组件也已经在methods里面定义了

我的子组件没有在页面初始化时加载,而是在点击某个特定的按钮后才开始显示加载

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第5张图片

在这里做初始化后就立马执行了下一句调用子组件的方法,可能他还没有初始化完成,所以出现了undefined的异常,

所以在这里调用子组件方法时,我稍作了一下延时处理:

vue 解决:Error in v-on handler: “TypeError: Cannot read property ‘compareTo‘ of undefined“_第6张图片

页面跳转成功,没有报错了。

你可能感兴趣的:(vue前端,vue)