在使用數組的時候,數組內部數據發(fā)生改變,但是與數組綁定的頁面的數據卻沒有發(fā)生變化。
澠池ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
data () { return { msg: 'Welcome to Your Vue.js App', todos: [{ name: 'aa', age: 14 }, { name: 'bb', age: 15 }, { name: 'cc', age: 16 }], obj: {name: 'lihui', age: 17} } },
methods: { changeTodos: function () { var _this = this _this.todos[0] = { name: 'zhangsan', age: 15 } console.log(this.todos) /* this.$set(this.todos, 0, 'nn') this.$forceUpdate() */ }
這種修改得方式,無法出發(fā)數組得set,導致頁面得數據不會改變。
有三種解決方式。
一、使用全局得set方法。
this.$set(this.todos,0,{name: 'zhangsan',age: 15});或者對象this.$set(this.obj,'key',value);
二,強制更新
this.$forceUpdate()
以上這篇Vue 數組和對象更新,但是頁面沒有刷新的解決方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。