Vue中表格修改一项数据后，另一项如何实时变化

Question

一个外卖软件，用了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"         >

Answer 1

简单修改下 单价*数量动态显示就行了

Answer 2

可以把整行数看成一个对象,结果里面保存一个计算属性就好了