switch,开关选择器。只能选择或者不选。这种属于表单控件或者查询条件控件。
switch 开关选择器示例代码运行效果如下:
下面是WXML代码:
[XML] 纯文本查看 复制代码
switch style switch style checkbox style checkbox style 西游记里都有谁 牛魔王 孙悟空 猪八戒 旗木卡卡西
下面是JS代码:
[JavaScript] 纯文本查看 复制代码
Page({ switch1Change: function (e){ console.log('switch1 发生 change 事件,携带值为', e.detail.value) }, switch2Change: function (e){ console.log('switch2 发生 change 事件,携带值为', e.detail.value) }})
下面是WXSS代码:
[CSS] 纯文本查看 复制代码
.page { min-height: 100%; flex: 1; background-color: #FBF9FE; font-size: 32rpx; overflow: hidden;}
switch 开关选择器的主要属性
个人经验:适用于选择一单项选择true和false,不建议用checkbox样式
这个适用于选择一单项选择true和false,不建议使用checkbox样式。因为checkbox控件已经有了。而且,这种用checkbox样式时,没有带后面的文本,图片上文本是我拼凑的,还没有加控制事件(不应该这么用)
以上就是微信小程序组件解读和分析之switch 开关选择器的详细内容,更多请关注 第一PHP社区 其它相关文章!