vue通过$refs获取dom，值为undefined

最新推荐文章于 2024-08-19 11:03:35 发布

爱吃烧鸭蛋的叶安

最新推荐文章于 2024-08-19 11:03:35 发布

阅读量1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/c_qianxia5040/article/details/111693180

版权

vue 专栏收录该内容

51 篇文章 3 订阅

订阅专栏

问题描述：例如，一个倒计时组件为子组件，当父组件请求数据成功后，再调用倒计时组件开始倒计时，此时当发送请求后，loading关掉，获取到的this. $r e f s . c h i l d 为 u n d e f i n e d 主要原因是，$ refs并不是数据驱动的，可以使用this.$nextTick(()=>{})
当dom发生变化，更新后执行的回调,在回调函数中获取，并触发倒计时
父组件

<count-down ref="child"  :duration="paperInfo.examTime" @childFn="countSpendTime"></count-down>

// 获取数据后调
this.$nextTick( () => { // 开始计时
         this.$refs.child.init()
 })