element ui 单选
时间: 2023-08-24 07:04:36 浏览: 87
element ui
Element UI 提供了 `<el-radio>` 组件来实现单选功能。下面是一个基本的单选示例:
```vue
<template>
<div>
<el-radio v-model="selectedValue" label="option1">选项1</el-radio>
<el-radio v-model="selectedValue" label="option2">选项2</el-radio>
<el-radio v-model="selectedValue" label="option3">选项3</el-radio>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: 'option1' // 默认选中的选项
};
}
};
</script>
```
在这个示例中,我们使用 `v-model` 指令将选中的值绑定到 `selectedValue` 属性上。每个 `<el-radio>` 标签都有一个 `label` 属性来定义它的值,以及显示的文本。
你可以根据需要使用 `v-model` 来获取或设置选择的值,以便在其他地方使用。另外,你也可以使用 `disabled` 属性来禁用单选框。
更多关于 Element UI 单选的用法和属性可以在官方文档中找到:[https://element-plus.org***
阅读全文