switch

开关

属性

属性名类型必填默认值说明
checkedBoolean否关闭是否开启switch按钮
labelString否按钮文案
disabledBoolean否false是否禁用
c-bind:changeEventHandle否点击按钮触发 返回事件对象： event.detail 返回值： event.detail.value

示例

  2. <template>
  3.   <switch
  4.     checked="{{ switchValue }}"
  5.     label="Switch"
  6.     c-bind:change="switchChange"
  7.     >
  8.   </switch>
  9. </template>
  10. <script>
  11. class Switch {
  12.   data = {
  13.     switchValue: false
  14.   }
  15.   methods = {
  16.     switchChange (e) {
  17.       this.switchValue = e.detail.value
  18.     }
  19.   }
  20. };
  21. export default new Switch();
  22. </script>
  23. <script cml-type="json">
  24. {
  25.   "base": {}
  26. }
  27. </script>

switch - 图1wx

switch - 图2web

switch - 图3native

查看完整示例