很多组件有@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
  },

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐