javascript - le modèle personnalisé de table dans elementUI modifie la valeur du v-model dans l'événement de changement dans le composant

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

Lorsque la valeur de la valeur d'entrée change, comment l'événement de changement entraîne-t-il la modification du scope.row.volume correspondant. Quelqu'un peut-il me donner des conseils ?

Answer 1

Vous pouvez réaliser une liaison bidirectionnelle avec v-model. Pourquoi avez-vous besoin d'utiliser l'événement change ?

Answer 2

Le changement de valeur de

v-model绑定后输入区的变化会直接改变scope.row.volume的值，同样，scope.row.volume sera également reflété dans l'affichage de la zone de saisie, il n'est donc pas nécessaire d'écrire manuellement l'événement de changement