已解決430363個問題，去搜搜看，總會有你想問的

Vue.js 雙向綁定的BUG

首頁猿問 Vue.js 雙向綁定的BUG

Vue.js 雙向綁定的BUG

JavaScript

喵喔喔 2018-10-02 09:33:57

初學vue時做了一個todo-list的demo，遇到了雙向綁定的疑惑先上代碼：demoBug的具體表現如下：新添加的item，除了第一個以外其他都不能進行狀態切換。但原先的item與新添加的第一個item則可以。嘗試解決方法：我在click事件函數中console.log()整個ul，發現子對象的isFinished屬性都能夠切換，那我推測問題出在了js向html傳遞的過程中，但是我還是沒想明白為什么會導致這種問題

查看完整描述

1 回答

慕俠2389804

TA貢獻1719條經驗獲得超6個贊

問題是js對象和vue對象混用導致的。
這行代碼，this.list.push(this.item);中this.item是一個vue對象，不是一個js數組。把代碼換一下就可以了

      var aaaaaa={
        id:this.list.length + 1,
        name:this.inputItem,
        isFinished:false
      };      this.list.push(aaaaaa);

反對回復 2018-11-12

1 回答
0 關注
608 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Vue.js 雙向綁定的BUG

Vue.js 雙向綁定的BUG

1 回答

添加回答