0.1.1 • Published 4 years ago

vue-gl-actionsheet v0.1.1

Weekly downloads
9
License
-
Repository
-
Last release
4 years ago

VActionSheet

引入方式:

import { VActionSheet } from "vue-gl-actionsheet";

Vue.use(VActionSheet);

属性:


属性名类型描述
menusObjiectmenus: {gaodeMap: "高德地图",baiduMap: "百度地图",iosMap: "苹果地图"}
onConfirmFunction接受点击的item的值,根据值进行具体操作,完成后隐藏隐藏ActionSheet和蒙层区
onCancelFunction点击蒙层区和“取消”隐藏ActionSheet和蒙层区

使用:

this.$vactionsheet.show({
  menus: this.menus,
  onConfirm: index => this.onConfirm(index),
  onCancel: () => this.onCancel()
});
onConfirm和onCancel函数:
onCancel() {
  this.$vactionsheet.hide();  //隐藏
},
onConfirm(index) {
  alert(index);  //具体操作
}