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

鍍金池/ 問(wèn)答/HTML5  HTML/ vue中兩個(gè)input框輸入值,自動(dòng)計(jì)算總和到另一個(gè)Input框,怎么實(shí)現(xiàn)

vue中兩個(gè)input框輸入值,自動(dòng)計(jì)算總和到另一個(gè)Input框,怎么實(shí)現(xiàn)

clipboard.png
在vue中怎么實(shí)現(xiàn)在第一個(gè)input框中自動(dòng)計(jì)算出后面兩個(gè)input框的總和
<el-form-item label="實(shí)收總金額">

             <el-input placeholder="實(shí)收總金額"  v-model="form.sum"></el-input>
           </el-form-item>
           <el-input placeholder="實(shí)收金額1" v-model="form.add"></el-input>
           <el-input placeholder="實(shí)收金額2" v-model="form.add"></el-input>
           

clipboard.png

回答
編輯回答
撥弦
computed:{
    sum(){
        return parseFloat(this.form.add1) + parseFloat(this.form.add2) 
    }
}
v-model = 'sum'

發(fā)送數(shù)據(jù)的時(shí)候把sum加上去

r1

           <el-form-item label="實(shí)收總金額">
             <el-input placeholder="實(shí)收總金額"  v-model="form.sum"></el-input>
           </el-form-item>
    <el-form-item label="活動(dòng)性質(zhì)">
      <el-checkbox-group v-model="form.type"
                         :max="5">
        <el-checkbox v-for="(item,index) in arr"
                     :label="item.name"
                     :key="item.id"
                     name="type"
                     @change="fun(index)">
          <div class="displayInput"
               v-if="item.change">{{item.name}}
            <span class="wrap">
              <el-input placeholder="應(yīng)收金額" v-model="form.add1"></el-input>
              <el-input placeholder="實(shí)收金額" v-model="form.add2"></el-input>
            </span>
          </div>
        </el-checkbox>
      </el-checkbox-group>
      // js data里 把form放到arr里面 
      arr:[{name:'s',form:{add1:null,add2:null}}]
      computed:{
        sum(){
            return this.arr..map(v => parseFloat(v.form.add1) + parseFloat(v.form.add2)).reduce((a, b) => a + b)
        }
    }
    // 發(fā)送數(shù)據(jù)就要你自己組織了
2017年4月16日 00:32