element UI el-checkbox 实现单选效果
时间: 2023-11-24 20:56:56 浏览: 140
checkbox单选功能
您好,关于您的问题,element UI 的 el-checkbox 组件本身不支持单选,但您可以通过使用 el-radio-group + el-radio 实现单选效果。具体实现方式如下:
1. 在模板中引入 el-radio-group 组件,并绑定 v-model 值:
```html
<el-radio-group v-model="selectedValue">
<el-radio label="A">A</el-radio>
<el-radio label="B">B</el-radio>
<el-radio label="C">C</el-radio>
</el-radio-group>
```
2. 在 data 中声明 selectedValue 变量,并初始化为需要默认选中的值,例如:
```js
data() {
return {
selectedValue: 'A'
};
}
```
这样就可以实现单选效果了。希望能够帮到您。
阅读全文