操作表,從屏幕下方移入。
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>
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
actions | 菜單項數(shù)組 | Array | ||
cancelText | 取消按鈕的文本。若設(shè)為空字符串,則不顯示取消按鈕 | String | '取消' | |
closeOnClickModal | 是否可以通過點擊 modal 層來關(guān)閉 actionsheet
|
Boolean | true |
更多建議: