javascript - elementUI中的table自訂模版 元件中change事件中改變v-model的值

Question

<el-table-column prop="volume" label="成交数量" width="120">
           <template scope="scope">
                     <el-input v-model="scope.row.volume" placeholder='请输入' type="number" v-on:change="verificationRule"></el-input>
           </template>
  </el-table-column>

methods: {
          verificationRule(value){
            console.log(value);
          },
         }

當input的value的值改變時，change事件 如何讓對應的scope.row.volume 發生變化，求高手指點？

Answer 1

用 v-model 就可以實現雙向綁定了，為什麼還要用 change 事件呢？

Answer 2

v-model綁定後輸入區的變化會直接改變scope.row.volume的值，同樣，scope.row.volume的值改變也會反應在輸入區的顯示中，所以是不需要手動寫change事件的