el-radio-button
时间: 2023-09-05 22:14:36 浏览: 269
el-radio-button 是 Element UI 组件库中的一个单选框组件。它用于在一组选项中选择一个选项。你可以使用 el-radio-button 标签来创建一个单选框按钮,然后根据需要设置不同的属性和事件。
例如,你可以使用以下代码创建一个简单的单选框组:
```html
<template>
<div>
<el-radio-button v-model="selectedValue" label="option1">Option 1</el-radio-button>
<el-radio-button v-model="selectedValue" label="option2">Option 2</el-radio-button>
<el-radio-button v-model="selectedValue" label="option3">Option 3</el-radio-button>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: 'option1'
};
}
};
</script>
```
在上面的例子中,我们使用了 v-model 指令来绑定选中的值到 selectedValue 变量上。每个 el-radio-button 组件都有一个 label 属性来定义它的值,并且该值会与 selectedValue 进行双向绑定。
你还可以根据需要在 el-radio-button 上添加其他属性或监听事件,比如禁用按钮、设置默认选中项等等。Element UI 提供了丰富的配置选项,你可以参考官方文档以获得更多的信息。
阅读全文