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

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

Vue中表格修改一項數據后,另一項如何實時變化

Vue中表格修改一項數據后,另一項如何實時變化

翻閱古今 2019-02-07 10:10:05
一個外賣軟件,用了element-ui,訂單用el-table顯示,表格每一列分別表示商品的名稱,數量,總價,現在想要實現:用el-input-number動態修改數量時,商品的總價也會隨著改變。本來打算用watch監聽表格綁定的數據,但是百度了一下說vue無法監聽數組的變化?于是我就有點不知所措了,求大神指教代碼    <el-table         :data="basket"         stripe         style="width: 100%"       >         <el-table-column           prop="name"           label="商品"           align="center"         ></el-table-column>         <el-table-column           prop="num"           label="份數"           align="center"         >           <template  slot-scope="scope" >             <el-input-number v-show="scope.row.num" size="mini" v-model="scope.row.num"></el-input-number>           </template>         </el-table-column>         <el-table-column           prop="price"           label="小計(元)"           align="center"         >
查看完整描述

2 回答

?
泛舟湖上清波郎朗

TA貢獻1818條經驗 獲得超3個贊

簡單修改下 單價*數量動態顯示就行了

查看完整回答
反對 回復 2019-02-21
?
隔江千里

TA貢獻1906條經驗 獲得超10個贊

可以把整行數看成一個對象,結果里面保存一個計算屬性就好了

查看完整回答
反對 回復 2019-02-21
  • 2 回答
  • 0 關注
  • 3132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號