在vue中 列表渲染算是最常用的功能之一，但是在列表渲染中有個一比較明顯的問題： 在列表渲染中，經常發生數據變化，但是視圖層並未改變的狀況，根據官方： 由於 JavaScript 的限制，Vue 不能檢測以下變動的數組： 當你利用索引直接設置一個項時，例如：vm.items ...

...

寫點贊功能時，點贊后已經追加到對象里了，但是視圖沒有更新。 查找了些資料： 數據已經更新了但是視圖不更新的問題，有幾個原因： 1、根屬性不存在，而想要直接給根屬性賦值導致的視圖不更新。此時初始化屬性的時候給根屬性初始化一個空值就可以了。 2、只有通過以下 ...

動態添加對象屬性 ...

由於 JavaScript 的限制， Vue 不能檢測以下變動的數組： 當你利用索引直接設置一個項時，例如： vm.items[indexOfItem] = newValue 當你修改數組的長度時，例如： vm.items.length = newLength 為了解決第一類問題 ...

頁面中多組件開發時，如果頁面中有表格的，table表格頭出現表頭錯亂 ...

因為在項目中兩個表格共用了同一個組件， 但由於表頭不完全相同， 就通過v-if來控制表頭的顯示隱藏，沒想到造成了表頭順序的錯亂， 經過多方查找資料，最后找到了解決方法： 即為每一列el-table-column添加key屬性，可以使用隨機數： :key="Math.random()" ...

想實現的效果 請求接口獲取待辦數目和鏈接，當數目>0時，點擊數目跳轉鏈接。 出現的問題 頁面上待辦數目為0，但是打印彈窗發現待辦數目為1，點擊頁面上顯示的0仍可以跳轉鏈接 原因 在請求待辦時，我還請求了列表。但是列表返回的數據是null，頁面上又判斷了列表的長度。造成了瀏覽器報錯 ...