很多组件有@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.简单使用,不需要参数文章来源:https://www.toymoban.com/news/detail-694379.html
比如一个select添加change事件不传递参数:文章来源地址https://www.toymoban.com/news/detail-694379.html
<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
},
到了这里,关于vue中使用@change的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!