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

相关文章
|
5月前
|
JavaScript
Vue中侦听器watch时,调用this时出现undefined问题
Vue中侦听器watch时,调用this时出现undefined问题
221 0
Vue中侦听器watch时,调用this时出现undefined问题
|
5月前
|
JavaScript
vue的重定向解决方法
vue的重定向解决方法
91 1
|
2月前
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
35 0
|
2月前
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
32 0
|
3月前
|
JavaScript 前端开发
报错:Cannot read properties of undefined (reading ‘$message‘)解决方法
以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法,希望对你有所帮助。
1362 0
|
3月前
|
JavaScript 定位技术
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
243 0
|
4月前
|
JavaScript
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
|
5月前
|
JavaScript 前端开发 API
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
98 2
|
5月前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
32 0
|
5月前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法