action-sheet
这是一个类似iOS中ActionSheet效果的按钮组控件。
除了构造函数ActionSheet以外，它包含以下实例方法：
安装
如果在Node.js环境中使用，通过以下命令安装它。
npm i -DS action-sheet
引用
标签引入：
<script src="https://raw.githubusercontent.com/hapjs/action-sheet/master/build/action-sheet.min.js"></script>
如果通过script方式引入，你可以通过全局变量ActionSheet来调用它。
CommonJS/CMD/AMD引入：
var ActionSheet = require('action-sheet');
ES6引入：
import ActionSheet from 'action-sheet';
创建ActionSheet
var as = new ActionSheet({
buttons: {
'点我': function(e){
// 点击按钮的回调事件
},
'百度': 'http://baidu.com/', // 点击按钮跳转链接
}
});
展示
显示已经创建的ActionSheet实例
as.show();
隐藏
as.hide();
更新
更新按钮组内容
as.update({
'重启手机': function(e){
// 点击按钮的回调事件
},
'立即关机': function(e){
// 点击按钮的回调事件
}
});-
在使用mint-ui组件的action-sheet时遇到这样一个问题：就是name属性我是从后端传过来的，但是要获得每次点击的值。 官网提供的写法 html <mt-actionsheet :actions="actions" :visible.sync="sheetVisible"> </mt-actionsheet> js <script> export default { na
-
前言 在使用 uniapp uview 的 Select 选择器的组件时,业务逻辑需要实现绑定的是某个数据的 value 如(0,1,2),但是在页面中展示的需要是选项的文字,通过 uview 封装好的 u-action-sheet 组件,来实现 一、uniapp + uview Select选择器(u-action-sheet)数据绑定列表的 index,展示 text ------之-----
-
解决方案： 增加 form 提交 element-form @submit.native.prevent <el-form @submit.native.prevent> <van-button type="info" @click="showActionSheet">弹出菜单</van-button> <van-action-sheet v-model="show" :ac
-
vant的滑块的使用 加一个充值滑块 <van-popup v-model="show" bind:close="onClose" position="bottom" custom-style="height: 20%;" class="rechange"> <p>充值金额</p> <div> ... </div> <van-button>充值</van-button>
-
我的场景： 点击按钮拉起u-action-sheet，此时再点击按钮拉起u-picker，结果发现u-picker在u-action-sheet的下面，被遮盖了。 解决方案： 给他们包裹一层容器，给他们的容器设置定位和层级。 <template style="position: absolute;z-index: 100;" v-if="isShowPageRangeComponent"> <u
-
操作表，从屏幕下方移入。 引入 import { Actionsheet } from 'mint-ui'; Vue.component(Actionsheet.name, Actionsheet); 例子 actions 属性绑定一个由对象组成的数组，每个对象有 name 和 method 两个键，name 为菜单项的文本，method 为点击该菜单项的回调函数。 将 v-model 绑定到
-
描述 (Description) Action Sheet用于向用户呈现如何处理给定任务的一系列可能性。 它还可用于提示用户处理危险的潜在操作。 Action Sheet由可选标题和一个或多个按钮组成。 每个按钮专门用于采取行动。 建议不要在iPad等大屏幕上使用Action Sheet ，而是使用popover 。 下表显示了如何在Framework7中使用Action Sheet - S.No
-
action-sheet-blocks 是 UIActionSheet 的子类，提供了完整的交互处理的侦听，避免使用委派模式实现。
-
描述 (Description) 要检测用户如何与Action Sheet交互，您可以使用Action Sheet事件，如下表所示 - S.No 活动和描述 目标 1 open 当Action Sheet开始打开动画时，将触发此事件。 行动表单元素 2 opened Action Sheet完成其打开动画后，将触发此事件。 行动表单元素 3 close 当Action Sheet开始关闭动画时，将
-
描述 (Description) modalActionsTemplate是一个参数，如果要自定义Action Sheet模板，可以在应用程序初始化时传递该参数。 您可以通过在App初始化时传递modalActionsTemplate参数来自定义Action Sheet模板。 该参数将接受Template7格式的HTML字符串，该字符串将由Template7编译并传递groups上下文。 模板看起
-
描述 (Description) 默认情况下，当出现以下情况时， Action表将自动关闭 - 单击Action Sheet按钮时。 单击“ Action Sheet's覆盖窗口外部时。 可以使用适当的应用程序方法手动关闭Action Sheet ，如下所示 - myApp.closeModal(actionSheet) - 用于关闭弹出窗口。 它将actionSheet作为可选参数，它是要关闭的