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

前端之家收集整理的这篇文章主要介绍了微信小程序switch开关选择器使用详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

效果

switch组件效果图

WXML

Box"> 状态:{{isChecked1}} 状态:{{isChecked2}} 状态:{{isChecked3}} 状态:{{isChecked4}} 状态:{{isChecked5}} Box" checked="{{isChecked5}}" bindchange="changeSwitch5"/> 状态:{{isChecked6}} Box" checked="{{isChecked6}}" bindchange="changeSwitch6"/>

JS

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

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

原文链接:https://www.f2er.com/weapp/33933.html

猜你在找的微信小程序相关文章