Element radio
时间: 2024-09-23 11:09:13 浏览: 42
element-ui循环显示radio控件信息的方法
Element 是一款基于 Vue.js 的 UI 组件库,它提供了一系列易于使用的组件,包括 radio(单选按钮)元素。在 Element UI 中,radio 元素用于创建一组互斥的选择选项,用户只能选择其中的一个。Radio 组件通常包含一个 label 和一个 input 标签,当用户点击 label 时,对应的 input 的值会被设置为 true,其他 radio 的值则变为 false。
在 Vue 中使用 Element Radio 的基本语法如下:
```html
<template>
<el-radio v-model="selectedValue" label="Option 1">Option 1</el-radio>
<el-radio label="Option 2">Option 2</el-radio>
<el-radio label="Option 3">Option 3</el-radio>
</template>
<script>
export default {
data() {
return {
selectedValue: 'Option 1', // 初始选中的 value
};
},
};
</script>
```
在这个例子中,`v-model` 表示数据绑定,当用户选择某个 radio 时,`selectedValue` 就会相应地更新。
阅读全文