Mint UI 操作表-Action Sheet

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

引入

import { Actionsheet } from 'mint-ui';

Vue.component(Actionsheet.name, Actionsheet);

例子

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

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

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

API

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


實例演示

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號