在使用ElementUI的时候,组件的事件会返回一些参数,有的时候我们想在这个事件中传入自己代码中的参数,因此在这里记录一下传递自定义参数的方式。
方式一:利用回调函数
// 闭包写法
<el-input v-model="input" placeholder="Please input" @change="(val)=>change(val, 'myId')"/>
change(val, id) {
console.log('val == ' + val)
console.log('id == ' + id)
}
// 科里化写法
<el-input v-model="input" @change="change('myId')($event)">
change (id) {
return ($event) => {
console.log(id, $event)
}
}
方式二:利用$event
<el-input v-model="input" placeholder="Please input" @change="change($event, 'myId')"/>
$event是事件传回来的回调,等同于方式1中的val