# 组件名cap4-radio
# 引入
import Cap4Radio from 'cap4-pc-ui/lib/cap4-radio';
import 'cap4-pc-ui/lib/cap4-radio/css/cap4-radio.css';
# 基础用法
/**/
export default {
data() {
return {
value: 1,
radioArr: [
{
value: 1,
display: '北京'
},
{
value: 2,
display: '上海'
},
{
value: 3,
display: '广州'
}
],
};
}
};
/**/::: demo
<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 | — | — |
创建人:yinyanting