首页 > 代码库 > 微信小程序把玩(二十一)switch组件

微信小程序把玩(二十一)switch组件

原文:微信小程序把玩(二十一)switch组件

技术分享

switch开关组件使用主要属性:

技术分享

wxml

<!--switch类型开关--><view>switch类型开关</view><switch type="switch" checked="true" bindchange="listenerSwitch"/><!--checkbox类型开关--><view>checkbox类型开关</view><switch type="checkbox" bindchange="listenerCheckboxSwitch" />

js

Page({  data:{    // text:"这是一个页面"  },  /**   * switch开关监听   */  listenerSwitch: function(e) {    console.log(‘switch类型开关当前状态-----‘, e.detail.value);  },  /**   * checkbox类型开关监听   */  listenerCheckboxSwitch: function(e) {    console.log(‘checkbox类型开关当前状态-----‘, e.detail.value)  },  onl oad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },  onReady:function(){    // 页面渲染完成  },  onShow:function(){    // 页面显示  },  onHide:function(){    // 页面隐藏  },  onUnload:function(){    // 页面关闭  }})
<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

    微信小程序把玩(二十一)switch组件