ITWYY

 关注

使用v-if后获取this.$refs.xxx为undefined

ITWYY

 关注

阅读 86

2022-01-04

原因就是在获取的时候，dom元素并没有加载完成。

解决方式：使用$nextTick

$nextTick定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

this.$nextTick(()=>{
   console.log(this.$refs.aaa)
})

相关推荐

Sophia的玲珑阁

v-if下的元素 $refs失效

Sophia的玲珑阁 77 0 0

艾晓雪

vue中使用this.$refs获取不到子组件的方法，属性方法都为undefined的解决方法

艾晓雪 69 0 0

颜路在路上

Error in v-on handler: “TypeError: this.$refs.cateForm.validate is not a function

颜路在路上 39 0 0

琛彤麻麻

父组件调用子组件中的方法- this.$refs.xxx.子组件方法();

琛彤麻麻 74 0 0

gy2006_sw

chart 图片组件 生成后不能动态更新，需要销毁dom，从新载入 用 v-if 和 this.$nextTick(() => {

gy2006_sw 54 0 0

全栈学习笔记

v-for和v-if能共同使用吗？

全栈学习笔记 42 0 0

小猪肥

element-ui table中使用v-if后表头乱飞、顺序不对问题

小猪肥 45 0 0

穆熙沐

Echarts使用v-if和v-show出现的问题

穆熙沐 81 0 0

微笑沉默

v-for和v-if不能直接一起使用

微笑沉默 54 0 0

飞空之羽

表格行内编辑使用v-if/v-show控制，不生效

飞空之羽 91 0 0

精彩评论（0）

0 0 举报