Mint UI 操作表-Action Sheet

2021-09-06 15:21 更新
操作表,從屏幕下方移入。

引入

import { Actionsheet } from 'mint-ui';

Vue.component(Actionsheet.name, Actionsheet);

例子

?actions? 屬性綁定一個(gè)由對(duì)象組成的數(shù)組,每個(gè)對(duì)象有 ?name? 和 ?method? 兩個(gè)鍵,?name? 為菜單項(xiàng)的文本,?method? 為點(diǎn)擊該菜單項(xiàng)的回調(diào)函數(shù)。

將? v-model ?綁定到一個(gè)本地變量,通過(guò)操作這個(gè)變量即可控制 ?actionsheet? 的顯示與隱藏。

<mt-actionsheet
  :actions="actions"
  v-model="sheetVisible">
</mt-actionsheet>

API

參數(shù) 說(shuō)明 類型 可選值 默認(rèn)值
actions 菜單項(xiàng)數(shù)組 Array
cancelText 取消按鈕的文本。若設(shè)為空字符串,則不顯示取消按鈕 String '取消'
closeOnClickModal 是否可以通過(guò)點(diǎn)擊 modal 層來(lái)關(guān)閉 actionsheet Boolean true


實(shí)例演示

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)