vue select change事件如何传递自定义参数
时间：2023-01-11 10:46:23|栏目：vue|点击： 次
select change事件传递自定义参数
今天记录一个小问题，最近get到的一个方法，不太常用，记录一下，增强记忆吧。
之前在vue项目中，也经常使用select标签，也经常用change事件，经常用的change事件中，一直有个默认参数，就是选中的选项的信息，最近一个需求除了需了选中项信息外，还需要其他的参数。
今天记录一下这种传参方式，直接上代码。
// 普通用法，没有自定义参数
@change="handleChange"
handleChange (event) {
// event.target.value 是change事件默认传的信息
console.log(event.target.value)
}
// 需要传自定义参数时
@change="handleChange($event, '自定义参数')"
handleChange (event, param) {
// event.target.value 是change事件默认传的信息
// param 是自定义的参数
}
@change函数传自定义参数
在vue项目中，某些场景中CheckBox等一些组件的@change函数需要传一些自定义参数
实例
<el-checkbox label="hello" v-model="helloNum" @change="changeFunc($event,'自定义参数')" ></el-checkbox>
methods: {
changeFunc(val,'自定义参数') {
console.log(val,'自定义参数')
//打印结果是：true/false ,'自定义参数'
}
}
