操作表,從屏幕下方移入。
import { Actionsheet } from 'mint-ui';
Vue.component(Actionsheet.name, Actionsheet);
?actions
? 屬性綁定一個(gè)由對象組成的數(shù)組,每個(gè)對象有 ?name
? 和 ?method
? 兩個(gè)鍵,?name
? 為菜單項(xiàng)的文本,?method
? 為點(diǎn)擊該菜單項(xiàng)的回調(diào)函數(shù)。
將? v-model
?綁定到一個(gè)本地變量,通過操作這個(gè)變量即可控制 ?actionsheet
? 的顯示與隱藏。
<mt-actionsheet
:actions="actions"
v-model="sheetVisible">
</mt-actionsheet>
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
actions | 菜單項(xiàng)數(shù)組 | Array | ||
cancelText | 取消按鈕的文本。若設(shè)為空字符串,則不顯示取消按鈕 | String | '取消' | |
closeOnClickModal | 是否可以通過點(diǎn)擊 modal 層來關(guān)閉 actionsheet
|
Boolean | true |
更多建議: