Skip to content
On this page

Radio

何时使用

  • 用于在多个备选项中选中单个状态。
  • 和 Select 的区别是,Radio 所有选项默认可见,方便用户在比较中选择,因此选项不宜过多。
  • 在打开插件时需要保留上一次操作的值时,该组件可以提供基本能力。

TIP

该组件完全支持AntDV的a-radio属性

代码演示

<template>
    <h-radio  v-model:value="value1" :save-options="{autoSave:true,key:'value1'}" >
        <a-radio-button value="a">Hi</a-radio-button>
        <a-radio-button value="b">He3</a-radio-button>
    </h-radio>
</template>
  
<script setup lang="ts">
    import { ref } from 'vue';
  
    const value1 = ref('a');
</script>
  

API

Props

属性说明类型默认值
saveOptions自动上传和初始化组件数据。
注意⚠️:同一个工具下的多个key值需要保证唯一性。
objectautoSave:false,key:""