AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

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

2022-05-12 1671
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
晚来南风晚相识
目录
相关文章
Boale_H
|
JavaScript
Vue中侦听器watch时，调用this时出现undefined问题
Vue中侦听器watch时，调用this时出现undefined问题
Boale_H
636 0
Vue中侦听器watch时，调用this时出现undefined问题
恬0917
|
JavaScript
vue的重定向解决方法
vue的重定向解决方法
恬0917
285 1
嘘~！
|
JavaScript 前端开发 API
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
嘘~！
747 2
。思索
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
564 0
。思索
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
。思索
604 0
蓝易云
|
JavaScript 前端开发
报错：Cannot read properties of undefined (reading ‘$message‘)解决方法
以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法，希望对你有所帮助。
蓝易云
7832 0
朝阳39
|
JavaScript 定位技术
vue 百度地图开发【教程】1. 绘制百度地图（不使用 vue-baidu-map，解决 BMap is undefined）
vue 百度地图开发【教程】1. 绘制百度地图（不使用 vue-baidu-map，解决 BMap is undefined）
朝阳39
784 0
爱你三千遍斯塔克
|
JavaScript
Vue搭配ELEMENT之后，右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后，右侧点击栏点击跳转到空白页解决方法
爱你三千遍斯塔克
312 0
龙大吉
|
JavaScript 前端开发
Vue中的ref和$refs有什么用途？
Vue中的ref和$refs有什么用途？
龙大吉
292 1
极客李华
|
JavaScript 前端开发
Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
极客李华
1226 1

热门文章

最新文章

  • 1
    ../../..xxx.go:46:18: aa.Bbb undefined (type *"xx/xxx/xx".Ccc has no field or method Bbb)
  • 2
    报错：Cannot read properties of undefined (reading ‘$message‘)解决方法
  • 3
    Q_OBJECT 导致 error: undefined reference to `vtable for XXXX' 错误
  • 4
    Linux环境下gcc编译过程中找不到名为pthread_create的函数的定义:undefined reference to `pthread_create‘
  • 5
    this.$refs 为undefined如何解决？
  • 6
    gcc编译出现 undefined reference to ‘pthread_create‘ 的解决方法
  • 7
    JavaScript如何判断变量undefined
  • 8
    npm run dev启动报错：TypeError: Cannot read property 'upgrade' of undefined
  • 9
    $('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法
  • 10
    PHP make错误：undefined reference to libiconv_open
  • 1
    Vue 3性能优化
    666
  • 2
    vue中的keep-alive问题（2）
    730
  • 3
    Vue 3
    1269
  • 4
    vue3使用ts传参教程
    743
  • 5
    基于Vite7.1+Vue3+Pinia3+ArcoDesign网页版webos后台模板
    1145
  • 6
    Vue中如何实现兄弟组件之间的通信
    863
  • 7
    虚拟列表在Vue3中的具体应用场景有哪些？
    1189
  • 8
    除了循环引用，Vue3还有哪些常见的性能优化技巧？
    611
  • 9
    在 Vue 中，如何在回调函数中正确使用 this？
    643
  • 10
    vue3循环引用自已实现
    313

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 低代码开发师（初级）实战教程
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！