Vue中动态渲染数据时使用$Refs无效的解决

vue 中动态渲染数据时使用 $refs 获取dom无法获取问题

场景: 在循环的列表上绑定了 ref, 想当数据动态渲染完了,然后获取列表, 接着就是获取不到了

解决办法:

在请求数据了以后,方法内后, 加上

this.$nextTick(() => {
// 在这里获取 this.$refs.dom
})

列子

messList().then(res => {
     console.log(res)
     Toast.success('获取成功')
     this.contentlist = [...res.data.data]
     this.$nextTick(() => {
         this.sideWrap()
     })
 })
收藏 (0)
评论列表
正在载入评论列表...
我是有底线的