vue @blur v-model數據沒有更新問題


今天遇到一個問題,是一個輸入框綁定了一個失去焦點事件,要發送一個客戶填寫的數據給后台查詢然后拿到返回值把它渲染到頁面上,但是從后台獲取到的數據卻沒有在頁面上渲染出來,console.log打印時顯示數據已經變化成了從后台拿到的數據,卻沒有渲染到頁面上。

看了官方文檔之后發現,受 ES5 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。

因為 Vue.js 在初始化實例時將屬性轉為 getter/setter,所以屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。

使用$set方法重新渲染

this.$set(this.stuxscg,"cbqkmc", response.data.kwmc[0].kwm)
參數1:data中聲明的對象名
參數2:對象下的指定字段
參數3:要變化的值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM