【vue2事件传参1】自定义参数:在elementui的change事件中,自定义参数的传递方法
在Vue 2中,你可以在模板中使用$event
来传递额外的参数给事件处理器。这通常在使用某些第三方库的事件处理器时需要的,比如Element UI。下面是一个示例:
<template>
<el-switch
v-model="switchValue"
@change="handleChange('customParam', $event)"
>
</el-switch>
</template>
<script>
export default {
data() {
return {
switchValue: false
};
},
methods: {
handleChange(customParam, value) {
console.log('Custom param:', customParam);
console.log('Switch value:', value);
// 这里可以根据value和customParam来执行相应的逻辑
}
}
};
</script>
在这个例子中,handleChange
方法接收两个参数:一个自定义参数'customParam'
和$event
,后者是Element UI switch组件的值。当开关状态改变时,handleChange
会被调用,并且会打印出自定义参数和switch的新值。
评论已关闭