博客

很多组件有@change事件，那到底如何获取到当前的参数呢？

1.自定义参数：

比如一个a-checkbox的change事件：

<a-checkbox :checked="source.check" @change="onCheckAllChange($event,source)">
       {{source.name}}
 </a-checkbox>

 onCheckAllChange(e,source) { 
       let checked =e.target.checked // true 或者 false 
       
 },

这样你可以清楚checkbox的当前值，也能传递过去自己要传递的其他参数

2.简单使用，不需要参数

比如一个select添加change事件不传递参数：

<a-select v-model="selType" @change="dbTypeChange">
                <a-select-option  v-for="item in dbTypes" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
</a-select>

// 方法定义，加入e
 dbTypeChange(e){
    console.log('e',e) // e 就是当前选择项的value
  },