W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
單選框列表,依賴 ?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ù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
options | 選擇項(xiàng) | Array | ||
value | 綁定值 | String | ||
title | 標(biāo)題,顯示在列表上方 | string | ||
align | 單選框?qū)ζ湮恢?/td> | String | left, right | left |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: