vue使用@change

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

1.自定义参数：

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

1.  
   <a-checkbox :checked="source.check" @change="onCheckAllChange($event,source)">
2.  
   {{source.name}}
3.  
   </a-checkbox>
4.  
    
5.  
   onCheckAllChange(e,source) {
6.  
   let checked =e.target.checked // true 或者 false
7.  
    
8.  
   },

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

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

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

1.  
   <a-select v-model="selType" @change="dbTypeChange">
2.  
   <a-select-option v-for="item in dbTypes" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
3.  
   </a-select>
4.  
    
5.  
   // 方法定义，加入e
6.  
   dbTypeChange(e){
7.  
   console.log('e',e) // e 就是当前选择项的value
8.  
   },

这篇好文章是转载于：学新通技术网