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事件的