# switch开关
值:1
选项1选项2
颜色值:1
选项1选项2
图标值:1
选项1选项2
<template>
<el-row :span="24">
<el-col :span="6">
值:{{form}}<br />
<avue-switch v-model="form"
:dic="dic"></avue-switch>
</el-col>
<el-col :span="24"></el-col>
<el-col :span="6">
颜色值:{{form}}<br />
<avue-switch active-color="#13ce66"
inactive-color="#ff4949"
v-model="form"
:dic="dic"></avue-switch>
</el-col>
<el-col :span="24"></el-col>
<el-col :span="6">
图标值:{{form}}<br />
<avue-switch active-icon-class="el-icon-s-tools
"
inactive-icon-class="el-icon-setting"
v-model="form"
:dic="dic"></avue-switch>
</el-col>
</el-row>
</template>
<script>
export default {
data () {
return {
form: 1,
dic: [{
label: '选项1',
value: 0
}, {
label: '选项2',
value: 1
}]
}
}
}
</script>
显示代码复制代码复制代码