# 组件名`cap4-radio` ---- ### 引入 ```js import Cap4Radio from 'cap4-pc-ui/lib/cap4-radio'; import 'cap4-pc-ui/lib/cap4-radio/css/cap4-radio.css'; ``` ### 基础用法 <div class="demo-block"> <cap4-radio v-model="value" :radioArr="radioArr"></cap4-radio> </div> <script> export default { data() { return { value: 1, radioArr: [ { value: 1, display: '北京' }, { value: 2, display: '上海' }, { value: 3, display: '广州' } ], }; } }; </script> ::: demo ```html <div class="demo-block"> <cap4-radio v-model="value" :radioArr="radioArr"></cap4-radio> </div> <script> export default { data() { return { value: 1, radioArr: [ { value: 1, display: '北京' }, { value: 2, display: '上海' }, { value: 3, display: '广州' } ], }; } }; </script> ``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |------------------------------------ |---------- |------------- |-------- | |value | 值 (必填)) | [String, Number, Boolean] | — | — | |radioArr | 可选择数组 (必填)) | Array | — | — | |disabled | 不可选 (选填)) | Boolean | — | — |