Vue更改數據頁面不同步更新

Vue更改數據頁面不同步更新

在請求數據並寫入頁面後,需要更改其中一些屬性值,但是更改的時候發現頁面上並沒有同步更新,使用vue的devtools工具進行手動測試也是不更新。

官網上說需要使用vue.set()進行更新,於是使用vue.$set()進行更改數據,但是發現還是不行。

於是搞了半天,發現只有我要改的這個屬性值不能同步更新,別的值就能,數據已經改成功了,頁面就是沒有更新。更奇怪的是,發現我先更新要改的那個值,然後再更新一個其他的值,頁面就同步了。

所以,目前的辦法是,使用vue.$set()來更新兩個值,一個是要更新的值,另一個可以設置一個其他的值,這樣就能使得這兩個值都刷新。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章