在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue動(dòng)態(tài)改變data數(shù)據(jù)中數(shù)組對象的值,為何界面不刷新?

vue動(dòng)態(tài)改變data數(shù)據(jù)中數(shù)組對象的值,為何界面不刷新?

data中有一個(gè)數(shù)組,包含多個(gè)對象。將多個(gè)對象數(shù)據(jù)循環(huán)放入列表。
圖片描述

data:{

items: [
    {
      id: 336,
      title: '智利三文魚扒500g酸甜口味爆炒',
      img: '../assets/images/test/8-1.jpg',
      rechargeMoney: 1,
      price1: 106,
      price2: 80
    },
    {
      id: 337,
      title: '西班牙三文魚扒500g酸甜口味爆炒',
      img: '../assets/images/test/8-1.jpg',
      rechargeMoney: 2,
      price1: 225,
      price2: 152
    }
  ]

}
<input v-if="!item.isGray" v-model="item.rechargeMoney" type="tel" placeholder="¥請輸入金額">

    rechargeMoneyFun:function (type,idx) {

        if(type == "min"){
            if(this.cardsArray[idx].rechargeMoney == ""){
                return;
            }else if(this.cardsArray[idx].rechargeMoney <= 100){
                return;
            }else if(parseInt(this.cardsArray[idx].rechargeMoney)-100 <=100 ){
                return;
            }else{
                this.cardsArray[idx].rechargeMoney -= 100;
            }
        }else if(type = "add"){
            if(this.cardsArray[idx].rechargeMoney == ""){
                this.cardsArray[idx].rechargeMoney =100;
            }else{
                var num = parseInt(this.cardsArray[idx].rechargeMoney);
                num += 100;
                this.cardsArray[idx].rechargeMoney = num;
            }
        }
    }

this.cardsArray[idx].rechargeMoney 這個(gè)數(shù)據(jù)是已經(jīng)變化了的,data中items數(shù)據(jù)最開始是空的,請求接口后,循環(huán)添加的。但是在input上value值沒有變化。求教

回答
編輯回答
未命名

vue不能檢測數(shù)組一些情況的變動(dòng),比如利用索引來進(jìn)行修改,具體修改方法看官方文檔https://cn.vuejs.org/v2/guide...

2017年10月29日 23:52
編輯回答
礙你眼

需要用相應(yīng)的數(shù)組方法才能檢測到更新。
直接使用類似這樣的修改無法檢測到。所以視圖無法更新。具體參考文檔。

this.cardsArray[idx].rechargeMoney = 0;

Vue.js 文檔:數(shù)組更新檢測

2017年11月1日 15:16