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