W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
單選框列表,依賴 ?cell
? 組件。
import { Radio } from 'mint-ui';
Vue.component(Radio.name, Radio);
基本用法
<mt-radio
title="單選框列表"
v-model="value"
:options="['選項A', '選項B', '選項C']">
</mt-radio>
設(shè)置禁用選項
this.options = [
{
label: '被禁用',
value: '值F',
disabled: true
},
{
label: '選項A',
value: '值A(chǔ)'
},
{
label: '選項B',
value: '值B'
}
];
<mt-radio
title="單選框列表"
v-model="value"
:options="options">
</mt-radio>
單選框右對齊
<mt-radio
align="right"
title="右對齊"
v-model="value"
:options="options">
</mt-radio>
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
options | 選擇項 | Array | ||
value | 綁定值 | String | ||
title | 標(biāo)題,顯示在列表上方 | string | ||
align | 單選框?qū)ζ湮恢?/td> | String | left, right | left |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: