vue中getters不更新資料解決辦法

2022-08-09 11:12:13 字數 444 閱讀 2863

在 vue.js devtools 中看到,我們明明更改了倉庫 state 中的資料,但是我們的 getters 就是值渲染一次之後就不再重新渲染了

解決方法:使用 vue.set() 方法,就是專門解決這個問題的,且我們只要是修改 state 裡面的屬性,不管是什麼屬性,都應該使用 vue.set() 因為他不僅可以更改原來的屬性的值,

還是可以設定新的屬性

我們只需要把想更改的屬性,放進裡面就可以了

情景案例

在 vuex 中 

mutations 物件

getters 使用方法

Vue中更新data值頁面不渲染的問題

不知道大家有沒有遇到過更新vue中data的值而頁面沒有同步渲染。1.通過length修改陣列 通過索引修改陣列的值 2通過物件.屬性動態新增物件 按鈕 解決方案 1.通過length 修改陣列長度以及通過索引修改或者增加陣列的值無法動態渲染到頁面 資料中已經有了但是頁面不渲染 解決用陣列的方法pu...

更新vue的data中的元素,vue更新錯誤

解決方式 用 深拷貝 可以解決,直接對vue操作的 一級資料進行深拷貝 然後修改 錯誤方式 如果這樣更新 vue看到的資料位址根本沒有改變 this.blog entries logs index open detail this.blog entries logs index open detai...

vue 元件中陣列的更新

今天寫專案時遇到的問題,瞬間就卡在那了 來還原一下 parent.vue change for item in list key item.id list item.list child.vue 我預想中的正常情況應該是點選按鈕,然後 頁面上的 000 000 000 變成 000 123 000 ...