element ui Switch组件绑定number

目录

1.需求和问题

2.解决

---

1.需求和问题

switch组件显示某个内容是否启用，后端返回的是1(启用)和0(禁用),都是数字类型

问题：

<el-table-column prop="isUsed" label="启用分类" width="80px">
            <template slot-scope="scope">
              <el-switch
                v-model="scope.row.isUsed"
                active-color="#1890ff"
                active-value="1"
                inactive-color="#DCDFE6"
                inactive-value="0"
                @change="changeSwitch(scope.row.isUsed)"
              >
              </el-switch>
            </template>
          </el-table-column>

 首先，页面不能根据后端返回的数据显示是否启用，然后切换switch状态返回给后端的也是个字符串的0或则1

2.解决

  直接在 active-value和 inactive-value前面加上:,出乎意料吧。上面的问题都可以解决了的