使用el-switch的change方法踩坑

 目的:利用 标签做一个逻辑删除功能

部分代码:

使用el-switch的change方法踩坑_第1张图片

  刚开始的时候,想用一个 if 语句对后端数据库字段 enable 进行判断,enable=0 表示删除

changeEnable(row) {

        if(row.enable === false){
        row.enable = true
        }else{
        row.enable = false
        }

        this.request.post("/goods/isDelete", row).then(res => {
        if (res.code === '200') {
            this.$message.success("操作成功")
        }
    })
},

发现 if 语句中的判断无效,或者只生效其中一个。

后检查发现 好像会自动改变值,不需要自己定义change方法判断,直接请求后端即可

修改代码:

changeEnable(row) {
        this.request.post("/goods/isDelete", row).then(res => {
        if (res.code === '200') {
            this.$message.success("操作成功")
        }
    })
},

修改后:

时enable为0,

反之为1

 继续加油学习!

你可能感兴趣的:(vue.js,前端,javascript)