# switch
开关
# 属性
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
checked | Boolean | 否 | 关闭 | 是否开启switch按钮 |
label | String | 否 | 按钮文案 | |
disabled | Boolean | 否 | false | 是否禁用 |
opencolor | String | 否 | 定义选中的颜色,如 '#000' | |
c-bind:change | EventHandle | 否 | 点击按钮触发
返回事件对象: event.detail 返回值: event.detail.value |
# 示例
<template>
<switch checked="{{ switchValue }}" label="Switch" c-bind:change="switchChange"> </switch>
</template>
<script>
class Switch {
data = {
switchValue: false,
};
methods = {
switchChange(e) {
this.switchValue = e.detail.value;
},
};
}
export default new Switch();
</script>
<script cml-type="json">
{
"base": {}
}
</script>