el-switch使用以及报错解决

        今天碰到个问题，就是我用el-switch回填的时候，后台明明给我反的是1，我打印出来是字符串的0，导致数据回显有误，故在这记载一下，原因就是我的active-value和inactive-value，之前没有加：导致，加上就可以了，使用switch控制的时候需要加上一个提示语并且调用接口，如果取消就刷新页面，如果确认就调用接口。

 <el-switch
                style="transform: scale(0.85)"
                v-model="row.status"
                :active-value="1"
                :inactive-value="0"
                active-color="#409eff"
                inactive-color="#dcdfe6"
                @change="switchclick($event, row.uid)"
              ></el-switch>

接口这边需要传俩个，所以我获取了当前行数据 

    switchclick(e,uid) {
      console.log(e,uid,'qi用状态');
      let text = ''
      if (e == 1) {
        //修改启用之前是否确认修改
        text = '启用'
      } else {
        text = '禁用'
      }
      this.$confirm(`是否${text}?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          // 重新提交编辑的接口
          this.editpersonnel(e,uid)
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          })
          this.queryJsMemberPage()
        })
    },

文章到此结束，希望对你有所帮助