Vue更改數據頁面不同步更新
在請求數據並寫入頁面後,需要更改其中一些屬性值,但是更改的時候發現頁面上並沒有同步更新,使用vue的devtools工具進行手動測試也是不更新。
官網上說需要使用vue.set()
進行更新,於是使用vue.$set()
進行更改數據,但是發現還是不行。
於是搞了半天,發現只有我要改的這個屬性值不能同步更新,別的值就能,數據已經改成功了,頁面就是沒有更新。更奇怪的是,發現我先更新要改的那個值,然後再更新一個其他的值,頁面就同步了。
所以,目前的辦法是,使用vue.$set()
來更新兩個值,一個是要更新的值,另一個可以設置一個其他的值,這樣就能使得這兩個值都刷新。