Skip to content

goodloving/V-ActionSheet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VActionSheet

引入方式:

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

Vue.use(VActionSheet);

属性:


属性名 类型 描述
menus Objiect menus: {gaodeMap: "高德地图",baiduMap: "百度地图",iosMap: "苹果地图"}
onConfirm Function 接受点击的item的值,根据值进行具体操作,完成后隐藏隐藏ActionSheet和蒙层区
onCancel Function 点击蒙层区和“取消”隐藏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);  //具体操作
}

About

一个基于vue框架的原生actionsheet插件库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published