Javascript – Benutzerdefinierte Tabellenvorlage in elementUI ändert den Wert von v-model im Änderungsereignis in der Komponente

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);
          },
         }

Wenn sich der Wert des Eingabewerts ändert, wie kann das Änderungsereignis dazu führen, dass sich das entsprechende Scope.row.volume ändert? Kann mir bitte jemand einen Rat geben?

Answer 1

用 v-model 就可以实现双向绑定了，为什么还要用 change 事件呢？

Answer 2

v-model绑定后输入区的变化会直接改变scope.row.volume的值，同样，scope.row.volume的值改变也会反应在输入区的显示中，所以是不需要手动写change事件的