最近遇见一个情况，
在methods:{}中的某个方法，
通过父组件去调用子组件的一个方法；this.$refs.xxx
打印出来的却是undefined？
因为：
是如果在DOM结构中的某个DOM节点使用了v-if、或者v-for
(即根据获得的后台数据来动态操作DOM，即响应式）
如何解决： 可以将v-if变成v-show 我测试过这样是可以的
还可以使用 settimeout延迟进行处理
之所以出现undefined；是因为$refs不是响应式的，所以才会出现undefined
vue中使用refs出现undefined的解决方法
2022-05-12
818
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue中使用refs出现undefined的解决方法
目录
相关文章
|
1月前
|
JavaScript
|
3月前
|
JavaScript
|
8月前
Vue3 父组件调用子组件方法（$refs 在setup()、＜script setup＞ 中使用）
Vue3 父组件调用子组件方法（$refs 在setup()、＜script setup＞ 中使用）
553
0
0
|
5月前
|
JavaScript
前端开发
UED
|
2月前
|
JavaScript
前端开发
|
6月前
|
JavaScript
API
【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined
【Vue】Cannot set reactive property on undefined,null,or primitive value:undefined
98
0
0
|
3月前
|
JavaScript
前端开发
Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
58
1
1
|
4月前
|
JavaScript
前端开发
UED
|
5月前
|
JavaScript
vue报错： ERROR TypeError: Cannot read property 'version' of undefined
vue报错： ERROR TypeError: Cannot read property 'version' of undefined
30
1
1
|
5月前
|
API
热门文章
最新文章
1
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
2
vue项目开发笔记记录（一）
3
vue项目开发笔记记录（二）
4
vue项目实战：实战技巧总结（中）
5
vue项目开发笔记记录（四）
6
vue element plus Input 输入框
7
vue核心语法2
8
vue element plus Descriptions 描述列表
9
【vue报错】error:0308010C:digital envelope routines::unsupported
10
vue element plus 快速开始
1
在vue中，怎样理解 Vue 的单向数据流？
22
2
在vue中，Class 与 Style 如何动态绑定？
16
3
在vue中，v-show 与 v-if 有什么区别？
23
4
在vue中，如何实现SPA单页面应用的路由管理？
22
5
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
39
6
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
61
7
Vue中el与data的两种写法
18
8
Vue之数据绑定
13
9
使用Vue.js、Vuetify和Netlify构建现代化的响应式网站
40
10
初识Vue 输出Hello World 及注意事项
21