vue ref获取实例子undefined

简介: 当你再created中使用 this.$refs时 dom没有加载成功 所以为undefined所以你要是想获取1、要么写在mounted中 dom已经加载完成2、使用this.$nextTick(function(){})

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

 

直接上图

4d0993777d28434f7d503c467a8dd68.png


也就是对于 dom进行操作

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

所以你要是想获取

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

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

目录
相关文章
|
2月前
Vue3响应式数据ref
Vue3响应式数据ref
|
2月前
|
JavaScript
Vue中侦听器watch时,调用this时出现undefined问题
Vue中侦听器watch时,调用this时出现undefined问题
131 0
Vue中侦听器watch时,调用this时出现undefined问题
|
2月前
|
JavaScript 前端开发
vue3中reactive和ref函数及对比
vue3中reactive和ref函数及对比
71 0
|
20天前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
|
19天前
手写 vue3 的 ref,reactive 和 watchEffect
手写 vue3 的 ref,reactive 和 watchEffect
15 0
|
19天前
|
存储 JavaScript 前端开发
vue3【实用教程】声明响应式状态(含ref,reactive,toRef(),toRefs() 等)
vue3【实用教程】声明响应式状态(含ref,reactive,toRef(),toRefs() 等)
26 0
|
20天前
|
JavaScript
Vue3的使用,ref定义基本类型的响应式数据,如何创建对象类型的响应式数据,let car = {brand: ‘奔驰‘,price: 100},{{car.brand}},reactive的使用
Vue3的使用,ref定义基本类型的响应式数据,如何创建对象类型的响应式数据,let car = {brand: ‘奔驰‘,price: 100},{{car.brand}},reactive的使用
|
21天前
|
JavaScript
vue v-for循环渲染动态ref表单校验的实现技巧
vue v-for循环渲染动态ref表单校验的实现技巧
63 0
|
23天前
|
JavaScript 定位技术
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
vue 百度地图开发【教程】1. 绘制百度地图(不使用 vue-baidu-map,解决 BMap is undefined)
14 0
|
2月前
|
JavaScript 测试技术 API
Vue3中定义变量是选择ref还是reactive?
Vue3中定义变量是选择ref还是reactive?
46 2