本文主要是介绍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()})})
这篇关于vue 中动态渲染数据时使用 $refs 无效的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!