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

相关文章
|
JavaScript 前端开发
报错:Cannot read properties of undefined (reading ‘$message‘)解决方法
以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法,希望对你有所帮助。
7771 0
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
287 0
|
JavaScript 前端开发 API
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
731 2
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
|
JavaScript 前端开发
Vue中的ref和$refs有什么用途?
Vue中的ref和$refs有什么用途?
283 1
|
JavaScript
vue的重定向解决方法
vue的重定向解决方法
278 1
|
JavaScript 前端开发 UED
(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
538 0
Openlayers+vue调用GeoServer的api报跨域错误解决方法
Openlayers+vue调用GeoServer的api报跨域错误解决方法
534 0
|
JavaScript 前端开发 UED
(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况
1071 0