第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

vue表格如何動態(tài)添加行數(shù)并動態(tài)計算內(nèi)部值

vue表格如何動態(tài)添加行數(shù)并動態(tài)計算內(nèi)部值

富國滬深 2019-03-07 18:15:41
如圖所示表格中的金額，折扣比例，折扣金額都是可以輸入的，換算關(guān)系是：金額 X 折扣比例 = 折扣金額并且點(diǎn)擊增加一行按鈕可以動態(tài)添加一行表格行，里面仍舊是每列依舊是輸入框，請教一下如何添入每行中的兩列數(shù)據(jù)以后動態(tài)得出剩下的一項數(shù)據(jù)，比如在第一行的金額寫入100，比例是0.6，那么折扣金額自動換算出是60，或者折扣寫入60，比例寫入0.6，金額自動換算出100，并且下方的合計也是自動計算。求指點(diǎn)。關(guān)注 | 5收藏
查看完整描述

3 回答

?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗 獲得超2個贊

可以給你的input上加上事件


// template 部分代碼


<el-input v-model="address.jine" @change="getAmount(index)" placeholder="請輸入內(nèi)容" class="inLine"></el-input>


// 給你寫個簡單列子 js方法 me.listAdress 這個是存放table的數(shù)組

getAmount (index) {

//                取得當(dāng)前下標(biāo)之前的參數(shù)

                let me = this

                let totalAmout = 0

                debugger

                for (let i = 0; i <= index; i++){

                    // 這邊可以計算結(jié)果出每行的結(jié)果

                    totalAmout += Number( me.listAdress[i].jine)

                }

                console.log(totalAmout)

            },


查看完整回答
反對 回復(fù) 2019-03-28
?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗 獲得超9個贊

你的表格是v-for生成的嗎


 <button @click="addnewTr"></button>

    <tr v-for="(item,index) in trs" :key="index">

        <td><input type="text"></td>

        <td><input type="text"></td>

    </tr>

    tr=[...]

 addnewTr(){

       this.trs.push(..)

   }

比如這樣


查看完整回答
反對 回復(fù) 2019-03-28
  • 3 回答
  • 0 關(guān)注
  • 3497 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號