vue 中動態渲染資料時使用 $refs 無效
阿新 • • 發佈：2021-01-20
技術標籤：vuejavascriptvue.js
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() }) })