小程序开发如何使用action-sheet

 时间:2026-05-03 00:48:44

1、打开小程序开发工具,新建一个小程序的项目,如下图所示

小程序开发如何使用action-sheet

2、在小程序的Wxml界面我们定义一个按钮,如下图所示,接下来用户点击这个按钮需要触发交互

小程序开发如何使用action-sheet

3、添加好按钮以后我们就可以预览一下界面,如下图所示,样式大家可以自己调试

小程序开发如何使用action-sheet

4、接下来我们在wxml中声明action-sheet的内容,如下图所示,然后声明按钮的点击事件

小程序开发如何使用action-sheet

5、然后我们在js界面实现按钮的点击事件,点击事件中主要处理action-sheet中用的参数,如下图所示

小程序开发如何使用action-sheet

6、接下来我们运行程序以后,当点击按钮的时候我们会看到从下面弹出来了交互选项,如下图所示

小程序开发如何使用action-sheet

7、最后我们还可以在action-sheet中绑定change事件,如下图所示,当选择了某个选项以后会触发这个事件

小程序开发如何使用action-sheet

  • unity3D怎么点击左键让物体旋转
  • C4D 快速选择的小技巧
  • 了解maya毛发属性中的光线属性
  • maya中如何将路径转换为polygon
  • unity摄像机怎么清除标识
  • 热门搜索
    甲乙丙丁戊己庚辛壬癸怎么读 干锅菜花的家常做法 苹果手机屏幕上的圆点怎么设置 直角锐角钝角怎么区分 橐怎么读 螺蛳粉为什么臭 围棋怎么下 栖怎么读 健康管理师怎么报名有什么条件 张钧甯怎么读