微信小程序switch开关选择器使用详解

发布时间：2020-12-14 20:09:08 所属栏目：资源来源：网络整理

导读：本文为大家分享了微信小程序switch开关选择器使用方法，供大家参考，具体内容如下效果图 WXML 状态：{{isChecked1}} 状态：{{isChecked2}} 状态：{{isChecked3}} 状态：{{isChecked4}} 状态：{{isChecked5}} 状态：{{isChecked6}} JS for (var i = 0; i 7;

本文为大家分享了微信小程序switch开关选择器使用方法，供大家参考，具体内容如下

效果图

switch组件效果图

WXML

状态：{{isChecked1}}

for (var i = 0; i < 7; ++i) {
(function (i) {
pageObj['changeSwitch' + i] = function (e) {
var changedData = {};
changedData['isChecked' + i] = !this.data['isChecked' + i];
this.setData(changedData);
}
})(i)
}
Page(pageObj);

switch组件的属性

checked：是否选中—-false、true
type：开关选择器的样式—-switch,checkbox
color：switch 的颜色，同 css 的 color

DEMO

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!