<el-switch
v-model="value"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
<script>
export default {
data() {
return {
value: true
}
}
};
组件直接在官网上面找就可以,但是使用的时候默认值要注意,字符串直接调用就可以;有区别的是布尔型和数值型;需要在前面加冒号,后面直接用数据;
//布尔型
<el-switch
v-model="enable"
active-color="#13ce66"
inactive-color="#ff4949"
:active-value=true
:inactive-value=false
@change="effectiveChange(scope.row)">
</el-switch>
//数值型
<el-switch
v-model="enable"
active-color="#13ce66"
inactive-color="#ff4949"
:active-value=1
:inactive-value=2
@change="effectiveChange(scope.row)">
</el-switch>