在微信小程序开发过程中,可能使用到开关组件,开关组件有两个状态,开和关。开的状态对堑霎夭酾应于true,关的状态对应于false。下面利用一个实例说明开关组件的用法,操作如下:
工具/原料
微信小程序开发工具
截图工具
方法/步骤
1、第一步,打开微信小程序开发工具,在新建的wxml文件中插入一个switch,如下图所示:
2、第二步,由于switch组件添加了bindchange事件,在对应的js文件中添加事件,打祥缮乖贝印对应的值,如下图所示:
3、第三步,保存代码并在左侧查看预览效果,可以看到一个开关组件,如下图所示:
4、第四步,点击开关组件,接着组件一端变为绿色,圆形切换到右侧,如下图所示:
5、第五步,在切换开关组件的过程中,查看内置浏览器控制台打印结果值,如下图所示:
6、第六步,再次切换开关组件,查看组件的状态显示;然后查看浏览器控制台下的打印的值,如下图所示: