Mint UI 操作表-Action Sheet

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

引入

import { Actionsheet } from 'mint-ui';

Vue.component(Actionsheet.name, Actionsheet);

例子

actions​ 属性绑定一个由对象组成的数组,每个对象有 ​name​ 和 ​method​ 两个键,​name​ 为菜单项的文本,​method​ 为点击该菜单项的回调函数。

将​ v-model ​绑定到一个本地变量,通过操作这个变量即可控制 ​actionsheet​ 的显示与隐藏。

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

API

参数 说明 类型 可选值 默认值
actions 菜单项数组 Array
cancelText 取消按钮的文本。若设为空字符串,则不显示取消按钮 String '取消'
closeOnClickModal 是否可以通过点击 modal 层来关闭 actionsheet Boolean true


实例演示

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号