vue-element-switch用法

项目代码：https://gitee.com/misszyg/spring-book

字符串类型的 0开启，1禁用

数据库开始讲

实体类创建


      @TableId(value = "id", type = IdType.AUTO)
      private Integer id;
 
      @ApiModelProperty("状态 0开启，1禁用")
      private String state;
 
    private String address;
 
    private String name;

前端vue- element

列表处：开启状态为 0 关闭状态为 1

active-value="0" inactive-value="1"
没有添加 “ ：” 说明他是字符串
：active-value="0"   ：inactive-value="1"


        <el-table-column label="启用">
          <template slot-scope="scope">
            <el-switch v-model="scope.row.state" active-color="#13ce66" inactive-color="#ccc" active-value="0" inactive-value="1"
                       @change="changeEnable(scope.row)"></el-switch>
          </template>
        </el-table-column>

效果

新增更新处：

active-value="0" inactive-value="1"


          <el-form-item label="启用">
 
              <el-switch v-model="form.state" active-value="0" inactive-value="1"></el-switch>
 
          </el-form-item>

设置了默认值。都是0 开启。填不填写都是列表处开启。

重新设置了数据库的默认值

添加一个不选着的，数据库存储 1.列表也是为 1.

添加一个选择的数据库存储 0 ，列表为 0，

图片丢失，列表状态开启，功能正常

完美

boolean类型的

实体类也要改


    private static final long serialVersionUID = 1L;
 
      @TableId(value = "id", type = IdType.AUTO)
      private Integer id;
 
      @ApiModelProperty("状态 0开启，1禁用")
      private Boolean state;
 
    private String address;
 
    private String name;