vue中使用refs出现undefined的解决方法

简介: vue中使用refs出现undefined的解决方法

最近遇见一个情况,


在methods:{}中的某个方法,


通过父组件去调用子组件的一个方法;this.$refs.xxx


打印出来的却是undefined?


因为:


是如果在DOM结构中的某个DOM节点使用了v-if、或者v-for


(即根据获得的后台数据来动态操作DOM,即响应式)


如何解决: 可以将v-if变成v-show  我测试过这样是可以的


还可以使用 settimeout延迟进行处理


之所以出现undefined;是因为$refs不是响应式的,所以才会出现undefined


参考地址:https://www.jb51.net/article/131163.htm

目录
打赏
0
0
0
0
1
分享
相关文章
|
8月前
|
Vue中侦听器watch时,调用this时出现undefined问题
Vue中侦听器watch时,调用this时出现undefined问题
346 0
Vue中侦听器watch时,调用this时出现undefined问题
|
8月前
|
vue的重定向解决方法
vue的重定向解决方法
108 1
|
5月前
|
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
110 0
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
127 0
报错:Cannot read properties of undefined (reading ‘$message‘)解决方法
以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法,希望对你有所帮助。
3374 0
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
460 0
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
258 2

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等