事件

开关控件在打开/关闭两种状态之间进行切换时,会触发toggle事件,通过事件的detail.isActive属性可以判断当前开关状态。可通过监听toggle事件,可以在开关切换时执行特定业务逻辑。如下为使用示例:

  1. document.getElementById("mySwitch").addEventListener("toggle",function(event){
  2. if(event.detail.isActive){
  3. console.log("你启动了开关");
  4. }else{
  5. console.log("你关闭了开关");
  6. }
  7. })

初始化:

mui在mui.init()中会自动初始化基本控件,但是 动态添加的 Switch 组件需要手动初始化;)

  1. mui('.mui-switch')['switch']()

扩展阅读

问答社区话题讨论: switch开关

代码块激活字符:

mswitch

mui遵循 MIT License