小程序开发如何使用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摄像机怎么清除标识
  • 热门搜索
    cad拉伸怎么用 扬州百姓生活网 如何注销qq号 如何学习办公软件 怎么做微商赚钱 青岛职业学院怎么样 u盘有写保护怎么办 透真化妆品怎么样 尿尿刺痛怎么办 优理氏的产品怎么样