如何使用微信小程序的组件switch开关选择器？

  本章节主要介绍了如何使用微信小程序的组件switch开关选择器?操作起来也比较简单，还不会的朋友一起跟着小编学习一下吧，希望对你们有所帮助。

  组件说明:

  switch，开关选择器。只能选择或者不选。这种属于表单控件或者查询条件控件。

  组件用法：

  wxml

  

  switch style

  

  

  

  

  

  switch style

  

  

  

  

  

  checkbox style

  

  

  

  

  

  checkbox style

  

  

  

  

  

  西游记里都有谁

  

  牛魔王

  

  

  孙悟空

  

  

  猪八戒

  

  

  旗木卡卡西

  

  

  复制代码

  js

  Page({

  switch1Change: function (e){

  console.log(\'switch1 发生 change 事件，携带值为\', e.detail.value)

  },

  switch2Change: function (e){

  console.log(\'switch2 发生 change 事件，携带值为\', e.detail.value)

  }

  })

  复制代码

  wxss

  .page {

  min-height: 100%;

  flex: 1;

  background-color: #FBF9FE;

  font-size: 32rpx;

  overflow: hidden;

  }

  复制代码

  以上就是如何使用微信小程序的组件switch开关选择器的全部内容了，大家都学会了吗?