使用element-plus 编写一个单选框
时间: 2023-03-29 16:03:47 浏览: 131
好的,我可以回答这个问题。使用 element-plus 编写单选框,可以先在 Vue 组件中引入 el-radio-group 和 el-radio,然后在模板中使用 v-for 循环渲染选项,代码示例如下:
```
<template>
<el-radio-group v-model="selected">
<el-radio v-for="option in options" :key="option.value" :label="option.value">{{ option.label }}</el-radio>
</el-radio-group>
</template>
<script>
import { ElRadioGroup, ElRadio } from 'element-plus';
export default {
components: {
ElRadioGroup,
ElRadio,
},
data() {
return {
selected: '',
options: [
{ label: '选项1', value: '1' },
{ label: '选项2', value: '2' },
{ label: '选项3', value: '3' },
],
};
},
};
</script>
```
这样就可以实现一个简单的单选框了。
阅读全文