小程序showActionSheet弹起选择器

最新推荐文章于 2025-06-08 09:36:11 发布

HqL丶1024

最新推荐文章于 2025-06-08 09:36:11 发布

阅读量805

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Wechat_Applet

本文链接：https://blog.csdn.net/hql1024/article/details/106692198

Wechat_Applet 专栏收录该内容

121 篇文章

订阅专栏

本文介绍了一个使用微信小程序API实现的菜单操作案例，包括编辑圈子、管理圈友和账户管理等功能。通过调用wx.showActionSheet方法，展示了如何在小程序中弹出操作菜单，并获取用户的点击反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

    wx.showActionSheet({
        itemList: ['编辑圈子', '管理圈友', '账户管理'],
        success: function(res) {
            if (!res.cancel) {
                console.log(res.tapIndex)
            }
        }
    });

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HqL丶1024

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

微信小程序获取uni.showActionSheet中选择的值

qq_44242030的博客

05-07

1111

this.reasonList=['多拍了','不想要了','其他原因'] actionTap() { uni.showActionSheet({ title: '退货原因', itemList: this.reasonList, itemColor: "#999999", success: res => { // res.tapIndex获取到选择的数组的位置 //list[res.tapIndex])获取选择的对应的值； console.l

微信小程序开发摘要记录

janeen-jn的博客

04-12

1778

前言一直都在使用typora做笔记存本地内容多了有点卡现在移到博客来内容是学习时简单记录不免有错误的见解望赐教并见谅哦 小程序的启动过程下载小程序包---启动小程序---加载解析app.json---注册App() 接下来一边执行App的生命周期一边根据app.json中pages的配置加载自定义的组件代码接着按顺序加载解析对应page的page.json 渲染page.wxml 注册page.js中的Page() 执行Page的生命周期全局App.js 生命周期 onLaunc

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序 使用列表功能showActionSheet

速冻的博客

09-09

3841

// pages/index/index.js //这里是js页面 Page ({ data: { lp:["斋藤飞鸟","桥本环奈","林允儿"] //在data中以数组形式写入3个lp }, send :function() { //编写功能 var lp = this.data.lp; //实体化以便调用 wx.showAction...

uni-app学习笔记二十五--showActionSheet的用法

shenxiaomo1688的博客

06-08

468

res只会打印出索引，如果想获取索引对应的值，须将数组，列表放到方法外，然后通过attrs[res.tapIndex]获取。用于从底部向上弹出操作菜单。

微信小程序API之showActionSheet（操作菜单）

...

06-04

1919

微信小程序API之showActionSheet（操作菜单） wxml： <button bindtap="cd01">操作菜单01</button> <button bindtap="cd02">操作菜单02</button> js： Page({ data: { chengshi:["浙江","广东","北京"] }, cd01:function(){ wx.showActionShe

微信小程序底部弹出选择页面wx.showActionSheet

u014388322的专栏

10-17

1793

本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；🍅。

微信小程序底部弹框 showActionSheet

代码小疯子

12-01

3605

微信小程序 通过 wx.showActionSheet()方法来实现底部弹框效果

使用uni-app开发微信小程序

qq_34474585的博客

12-16

2882

文章目录1.uni-app框架介绍2.布置开发环境3.理论基础3.1开发规范3.2目录结构3.3组件3.4 常用API4.开发实践4.1页面相关4.1.1页面生命周期4.1.2创建页面4.1.3修改页面样式、功能4.1.4页面跳转4.2组件相关4.2.1组件生命周期4.2.2创建和使用组件4.2.3组件间通信5.小程序发布 1.uni-app框架介绍 uni-app 是一个使用 Vue.js 开发...

微信小程序_文档_05_框架_组件_插件_多线程_兼容_优化

pre_eminent的JAVA学习园地

06-02

1114

基础组件框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档自定义组件从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础...

微信小程序文件操作必知：5步实现高效Word文档选择与权限管理

[微信小程序文件操作必知：5步实现高效Word文档选择与权限管理](https://qcloudimg.tencent-cloud.cn/image/document/604b15e9326f637a84912c5b6b4e7d25.png) # 1. 微信小程序文件操作入门微信小程序提供了丰富的...

微信小程序 bug 集中营

源码分享的博客

10-18

1589

微信小程序 bug 集中营 create byjsliangon2018-9-17 17:58:56 Recently revised in2018-10-18 09:38:15 Hello 小伙伴们，如果觉得本文还不错，记得给个star，你们的star是我学习的动力！GitHub 地址 GitHub 最新更新：2018-10-17 13:34:11。追求最新...

微信小程序wx.showActionSheet讲解

新钢小猪编程

11-29

1259

<image catchtap="onShareTap" class="share-img" src="/images/icon/share.png"></image> js页面 wx.showActionSheet({ itemList: itemList, itemColor: "#405f80", success: function (res) { // res..

微信小程序开发，showActionSheet实现底部弹出菜单

商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】

08-28

1395

【代码】微信小程序开发，showActionSheet实现底部弹出菜单。

【微信小程序】使用iView组件库的ActionSheet组件实现底部选择功能

资深全栈开发工程师

07-20

1338

在上述代码中，showActionSheet方法使用$ActionSheet函数来显示ActionSheet。可以通过itemList选项指定ActionSheet的选项列表，通过success回调函数来处理用户的选择。通过以上步骤，就可以在微信小程序中使用iView组件库的ActionSheet组件了。根据实际需要，可以进一步自定义ActionSheet的样式和行为。

微信小程序----wx.showActionSheet(OBJECT)操作菜单（MUI操作表）