小程序(原生)更多弹框,点击取消关闭弹框,点击确定写事件
在小程序中,如果你想要实现一个更多操作的弹框,并且点击取消按钮关闭弹框,点击确定触发一个事件,你可以使用wx.showActionSheet
API。以下是一个简单的示例代码:
// 在页面的 .js 文件中
Page({
// 显示操作菜单
showActionSheet: function() {
wx.showActionSheet({
itemList: ['确定操作', '取消'], // 菜单项
success: function(res) {
// 判断用户点击了哪一个菜单项
if (!res.cancel) {
if (res.tapIndex === 0) {
// 点击了确定操作
console.log('点击了确定操作');
// 在这里写你的确定操作逻辑
}
}
},
fail: function(res) {
console.log(res.errMsg);
}
});
}
});
在页面的 .wxml 文件中,你可以添加一个按钮来触发这个弹框:
<!-- 在页面的 .wxml 文件中 -->
<button bindtap="showActionSheet">点击我显示更多操作</button>
这样,当用户点击按钮时,会显示一个包含“确定操作”和“取消”的弹框。如果用户点击“取消”,弹框会关闭;如果用户点击“确定操作”,会触发相应的事件处理函数。
评论已关闭