天天看點

safair中vue修改了資料,但是視圖沒有更新解決方案

使用vuex,也适用了splice來改資料,

修改了評論的資料,但是視圖沒有更新。

state.tabContainer.splice(index, 1, {
     info: info
 });      

檢視dom元素裡面資料明明更新了,但是網頁沒有更新,

解決辦法

在vue中我子元件watch父元件一個值,然後資料更新的時候修改這個值,

設定元素寬度強制重排,

this.$refs.infoCount[1].style.width = this.$refs.infoCount[1].offsetWidth + 'px';      
  • 添加或删除可見的DOM 元素
  • 元素位置改變
  • 元素尺寸改變(包括外邊距、内邊距、邊框厚度、寬度、高度等屬性改變)
  • 内容改變,例如:文本改變後圖檔被另一個不同尺寸的圖檔替代
  • 頁面渲染器初始化
  • 浏覽器視窗尺寸改變