elementui组件@change事件想要传递多个参数,除了事件默认返回的参数,还传递自定义的参数
在Element UI中,使用@change
事件时,如果你想要传递额外的参数,可以在方法绑定时直接传递参数。Element UI会将这些额外参数作为实参传递给你的方法。
以下是一个例子,演示如何在el-input
组件中使用@change
事件并传递额外的参数:
<template>
<el-input v-model="inputValue" @change="handleChange('extraParam1', 'extraParam2')"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
methods: {
handleChange(param1, param2) {
console.log('Input value changed:', this.inputValue);
console.log('Extra parameters:', param1, param2);
}
}
};
</script>
在这个例子中,当输入框的值发生变化并触发change
事件时,handleChange
方法会被调用,并且会传递两个额外的参数extraParam1
和extraParam2
。在handleChange
方法内部,你可以通过this.inputValue
获取输入框的当前值,同时还能获取到传递进来的额外参数。
评论已关闭