單選框列表,依賴 ?cell
? 組件。
import { Radio } from 'mint-ui';
Vue.component(Radio.name, Radio);
基本用法
<mt-radio
title="單選框列表"
v-model="value"
:options="['選項(xiàng)A', '選項(xiàng)B', '選項(xiàng)C']">
</mt-radio>
設(shè)置禁用選項(xiàng)
this.options = [
{
label: '被禁用',
value: '值F',
disabled: true
},
{
label: '選項(xiàng)A',
value: '值A(chǔ)'
},
{
label: '選項(xiàng)B',
value: '值B'
}
];
<mt-radio
title="單選框列表"
v-model="value"
:options="options">
</mt-radio>
單選框右對(duì)齊
<mt-radio
align="right"
title="右對(duì)齊"
v-model="value"
:options="options">
</mt-radio>
參數(shù) | 說(shuō)明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
options | 選擇項(xiàng) | Array | ||
value | 綁定值 | String | ||
title | 標(biāo)題,顯示在列表上方 | string | ||
align | 單選框?qū)ζ湮恢?/td> | String | left, right | left |
更多建議: