帮助文档Appearance
Switch开关
表示两种相互对立的状态间的切换，多用于触发「开/关」。
样式预览
基础用法
绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。
示例代码
vue
<el-switch
v-model="value"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
<script>
export default {
data() {
return {
value: true
}
}
};
</script>