el-radio点击事件
时间: 2023-08-27 14:13:27 浏览: 124
点击事件的问题
el-radio 是 Element UI 中的一个单选框组件,它提供了一个点击事件来响应用户的选择。当用户点击 el-radio 组件时,可以使用 @change 事件来捕捉这个点击事件。
示例代码如下:
```html
<template>
<div>
<el-radio v-model="radio" label="Option 1" @change="handleRadioChange">Option 1</el-radio>
<el-radio v-model="radio" label="Option 2" @change="handleRadioChange">Option 2</el-radio>
</div>
</template>
<script>
export default {
data() {
return {
radio: ''
};
},
methods: {
handleRadioChange(value) {
console.log(value); // 用户选择的选项的值
// 在这里可以处理用户选择单选框后的逻辑
}
}
};
</script>
```
在上面的代码中,@change="handleRadioChange" 绑定了点击事件,在 handleRadioChange 方法中可以获取用户选择的选项的值(value),然后可以根据需要进行相关的逻辑处理。
阅读全文