表示两种相互对立的状态间的切换,多用于触发「开/关」。
基本用法
绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。
1 <el-switch 2 v-model="value2" 3 active-color="#13ce66" 4 inactive-color="#ff4949"> 5 </el-switch> 6 7 <script> 8 export default { 9 data() { 10 return { 11 value1: true, 12 value2: true 13 } 14 } 15 }; 16 </script>