# switch开关

值:1
颜色值:1
图标值:1
<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>
<script>
export default {
    data() {
      return {
        form:1,
        dic:[{
          label:'选项1',
          value:0
        },{
          label:'选项2',
          value:1
        }]
      }
    }
}
</script>

Expand Copy
Last Updated: 7/29/2021, 2:59:35 PM