在寫vue項目時,設置頁面下拉框的默認值時,后台獲取數據綁定后,重新選擇后,一直不切換下拉值,一開始以為是綁定值錯誤,或者后台數據調用慢,后來上網查了說是頁面渲染的問題,坑人呀,現在記錄下,給大家個提示:
原因:出現這個問題就是綁定了對象(需求如此),render函數沒有自動更新,數據刷新了,但是視圖沒有刷新。
解決方案:this.$forceUpdate就是重新render。
雖然這種方法也可以解決問題,但是問題的根本不是,由於 JavaScript 的限制,Vue 不能檢測以下數組的變動,見vue網站文檔:
文章鏈接:https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B
所以只要把整個form的值重新賦值一下就行了
ps:有興趣的可以關注下我的公眾號和小程序,謝謝啦~~