mint-ui Actionsheet 怎么写

mint-ui 中并没有 Actionsheet 的事例,就给了一小段代码
图片描述

怎么才能写出和演示的效果一样?求解
图片描述

阅读 4.6k
2 个回答

actions 属性绑定一个由对象组成的数组,每个对象有 name 和 method 两个键,name 为菜单项的文本,method 为点击该菜单项的回调函数。
将 v-model 绑定到一个本地变量,通过操作这个变量即可控制 actionsheet 的显示与隐藏。

文档说的挺明白的了。

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

sheetVisible控制显示隐藏。
actions是下面的按钮的配置。
github上源码里也有实例。跟官网demo里的是对应的。

顺便说句别的。很多代码的github中都有example

新手上路,请多包涵

你的在苹果手机有问题吗?我的无法遮盖头尾

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进