el-radio-group@input事件
时间: 2023-08-18 15:11:48 浏览: 669
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
el-radio-group 组件是 Element UI 中的一个单选框组件,它提供了一个 input 事件来监听用户选择的变化。
当用户选择单选框组中的某个选项时,el-radio-group 会触发一个 input 事件,并将选中的值作为参数传递给事件处理函数。你可以通过监听 input 事件来执行相应的逻辑。
下面是一个示例代码:
```html
<template>
<el-radio-group v-model="selected" @input="handleInput">
<el-radio :label="1">选项1</el-radio>
<el-radio :label="2">选项2</el-radio>
<el-radio :label="3">选项3</el-radio>
</el-radio-group>
</template>
<script>
export default {
data() {
return {
selected: null
};
},
methods: {
handleInput(value) {
console.log("选中的值:", value);
// 执行其他逻辑
}
}
};
</script>
```
在上面的代码中,我们使用了 v-model 指令将 el-radio-group 组件与 selected 数据进行双向绑定。当用户选择某个选项时,selected 的值会自动更新。
通过 @input="handleInput" 监听 input 事件,并在 handleInput 方法中获取选中的值。你可以根据实际需求在 handleInput 方法中执行其他逻辑操作。
希望这个回答能帮到你!如果你还有其他问题,请继续提问。
阅读全文