van-radio-group
时间: 2023-10-15 09:30:56 浏览: 148
Van Radio Group 是一个 Vue 组件库中的一种表单组件,用于展示单选框组。
你可以使用 Van Radio Group 来创建一个包含多个单选框的组,并且只能选择其中的一个选项。它可以用于各种表单场景,如选择性别、选择颜色等。
在使用 Van Radio Group 时,你需要在 Vue 的模板中引入相应的组件,并使用 v-model 指令来绑定选中的值。下面是一个简单的示例:
```
<template>
<van-radio-group v-model="selectedValue">
<van-radio name="option1">选项1</van-radio>
<van-radio name="option2">选项2</van-radio>
<van-radio name="option3">选项3</van-radio>
</van-radio-group>
</template>
<script>
export default {
data() {
return {
selectedValue: ''
};
}
};
</script>
```
在上面的示例中,`<van-radio-group>` 作为容器组件,内部包含了三个 `<van-radio>` 组件作为选项。通过 `v-model` 指令将 `selectedValue` 属性与选中的值进行绑定。
当用户选择其中一个选项时,`selectedValue` 的值会自动更新为选中的选项的 `name` 属性值。
这只是一个简单的示例,你可以根据实际需求进行进一步的配置和样式调整。更多详细信息可以查阅 Van Radio Group 组件的文档。
阅读全文