switch开关

值:1
选项2
颜色值:1
选项2
图标值: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>
显示代码
Last Updated:
Contributors: smallwei
您正在浏览基于Avue 3.x文档; 点击这里 查看Avue 2.x 的文档