vue 中动态渲染数据时使用 $refs 无效

本文主要是介绍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 无效的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---