如何在 <el-radio> 组件的 change 事件上绑定多个方法
时间: 2024-04-11 10:27:33 浏览: 114
element-ui中select组件绑定值改变,触发change事件方法
在 `<el-radio>` 组件的 `change` 事件上绑定多个方法,可以使用以下两种方法:
1. 直接在模板中使用匿名函数调用多个方法:
```html
<template>
<el-radio @change="() => { method1(); method2(); }"></el-radio>
</template>
```
2. 在组件的方法中定义一个统一的处理方法,然后在该方法中调用多个实际的处理方法:
```html
<template>
<el-radio @change="handleChange"></el-radio>
</template>
<script>
export default {
methods: {
handleChange() {
this.method1();
this.method2();
},
method1() {
// 处理逻辑
},
method2() {
// 处理逻辑
}
}
}
</script>
```
以上两种方法都可以实现在 `<el-radio>` 组件的 `change` 事件上绑定多个方法。你可以根据实际情况选择适合你的方式。
阅读全文