W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
可滑動的單元格,用法同 ?cell
?。
import { CellSwipe } from 'mint-ui';
Vue.component(CellSwipe.name, CellSwipe);
增加右滑動按鈕
<mt-cell-swipe
title="標題文字"
:right="[
{
content: 'Delete',
style: { background: 'red', color: '#fff' },
handler: () => this.$messagebox('delete')
}
]"></mt-cell-swipe>
?content
? 可以是 ?HTML
? 或者純文本。
參數 | 說明 | 類型 | 可選值 | 默認值 |
---|---|---|---|---|
icon | 圖標 | String | back, more | |
title | 標題 | String | ||
to | 跳轉鏈接 | String | ||
value | 內容 | * | ||
label | 備注信息,顯示在標題下方 | String | ||
is-link | 鏈接,會顯示箭頭圖標。搭配 to 屬性使用 | Boolean | ||
left | 按鈕組, { content, style, handler }
|
Object[] | ||
right | 按鈕組, { content, style, handler }
|
Object[] |
name | 描述 |
---|---|
- | 自定義顯示內容 |
title | 自定義標題 |
icon | 自定義圖標 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: