如何使用微信小程序开发工具实现开关组件

 时间:2024-10-11 19:37:12

1、第一步,打开微信小程序开发工具,在新建的wxml文件中插入一个switch,如下图所示:

如何使用微信小程序开发工具实现开关组件

2、第二步,由于switch组件添加了bindchange事件,在对应的js文件中添加事件,打祥缮乖贝印对应的值,如下图所示:

如何使用微信小程序开发工具实现开关组件

3、第三步,保存代码并在左侧查看预览效果,可以看到一个开关组件,如下图所示:

如何使用微信小程序开发工具实现开关组件

4、第四步,点击开关组件,接着组件一端变为绿色,圆形切换到右侧,如下图所示:

如何使用微信小程序开发工具实现开关组件

5、第五步,在切换开关组件的过程中,查看内置浏览器控制台打印结果值,如下图所示:

如何使用微信小程序开发工具实现开关组件

6、第六步,再次切换开关组件,查看组件的状态显示;然后查看浏览器控制台下的打印的值,如下图所示:

如何使用微信小程序开发工具实现开关组件
  • 如何在github上下载开源代码
  • 51单片机虚拟开发板proutes:[11]独立按键
  • android studio怎么安装
  • eclipse如何添加插件,增加功能?
  • 如何看mysql版本
  • 热门搜索
    关于五一劳动节手抄报 2020年鼠年手抄报 手抄报边框图片大全 科技新闻手抄报 儿童手抄报图片大全 卫生小常识手抄报 教师节手抄报一等奖简单 安全小报手抄报 小学生重阳节手抄报 迎国庆手抄报图片