Actionsheet

弹出式菜单,采用小程序原生的 actionsheet

Actionsheet - 图1

引入

  1. import mpActionsheet from 'mpvue-weui/src/actionsheet';
  2. export default {
  3. components: {
  4. mpActionsheet,
  5. },
  6. }

使用

  1. <mp-actionsheet ref="actionsheet" :itemList="itemList" @confirm="confirm" @cancel="cancel"></mp-actionsheet>
  1. /* 调用组件的 `show` 方法进行初始化 */
  2. this.$refs.actionsheet.show();

API

参数说明类型默认值
itemList按钮的文字数组,数组长度最大为 6Array[]

Event

事件名说明参数
@confirm点击文字按钮时回调返回点击的 tapIndex 以及按钮文字 tapLabel
@cancel点击取消时回调返回 errMsg
@complete调用接口完成时回调-