vue this.$refs 获取的值为undefined?

Posted qlb-7

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue this.$refs 获取的值为undefined?相关的知识,希望对你有一定的参考价值。

首先你要知道 this.$refs 是干嘛的 ?

直接上图

技术图片

 

 

也就是对于 dom进行操作 

 

当你再created中使用 this.$refs时 dom没有加载成功 所以为undefined

所以你要是想获取

1、要么写在mounted中 dom已经加载完成

2、使用this.$nextTick(function(){})

 

技术图片

 

以上是关于vue this.$refs 获取的值为undefined?的主要内容,如果未能解决你的问题,请参考以下文章

vue3 如何通过 ref 获取 DOM 节点

vue中父组件如何动态修改子组件的值?

vue获取页面内元素

Vue中ref和$refs的介绍及使用

Vue双向数据绑定

vue 无法获取DOM的innerHtml