Radio 单选框

从同一组选项中选择一项

交互示例

查看用法代码

<script setup lang="ts">
import { ZRadio } from '@codex-proxy/ui'
import { ref } from 'vue'

const scope = ref('selected')
</script>

<template>
  <ZRadio v-model="scope" name="scope" value="selected" label="指定请求" />
  <ZRadio v-model="scope" name="scope" value="all" label="全部请求" />
</template>

使用要点

同组使用相同的 name 与 v-model，每个选项设置不同的 value

API

属性

属性	类型	默认值	说明
v-model	string	必填	当前选中值
disabled	boolean	false	禁用此选项

| value | string \| number | 必填 | 选项值 | | name / label | string | — | 分组名和可见标签；隐藏名称使用 aria-label |

事件

事件	说明
update:modelValue	string，绑定值变化

插槽

插槽	说明