Switch

Switch

开关选择器。

说明

组件API详细内容请参考：https://www.antdv.com/components/switch-cn

新增属性

• 属性说明：

使用方法

• 代码示例：

  // 在script标签中按需引入
  import { Switch } from '@jecloud/ui';
  export default {
    components: { Switch },
    setup() {
        const value = ref('');
        return { value };
    },
  };
  // 在vue的template标签中
  <Switch
    v-model:value="value"
    mode="checkbox"
    checkedIcon="fas fa-bolt"
    unCheckedIcon="fal fa-bolt"
    checkedChildren="启用"
    unCheckedChildren="禁用"
    :icon-config="{ style: { color: value.value === '1' ? '#FFB04A' : null } }"
  />

• 事件脚本示例：

  const { Switch } = JE.useUi();
  const { h, ref }= JE.useVue();
  cons Value = ref('');
  return h(Switch, {value: Value.value, mode: "checkbox",  checkedIcon: "fas fa-bolt",  unCheckedIcon:"fal fa-bolt",checkedChildren:"启用",unCheckedChildren:"禁用"});

• 注意：

  mode：模式，支持switch，checkbox，默认switch
  checkedValue：选中值，默认：’1’
  unCheckedValue：非选中值，默认：’0’
  value：值，默认：’0’
  以下配置项只在checkbox模式下起效
  label：标签
  labelConfig：标签配置，支持style,class等
  checkedIcon：选中图标
  unCheckedIcon：非选中图标
  iconConfig：：图标配置，支持style,class等