CatchAdmin表格如何动态设置状态

表格动态修改状态
前端代码

   <el-table-column prop="status" label="状态">
            <template slot-scope="cate">
              <el-switch
                      v-if="cate.row.id === 1"
                      v-model="cate.row.key_status"
                      disabled
                      active-text="启用"
                      :active-value="1"
              />
              <el-switch
                      v-else
                      v-model="cate.row.key_status"
                      active-text="启用"
                      inactive-text="禁用"
                      :active-value="1"
                      :inactive-value="2"
                      @change="disOrEnableUser(cate.row)"
              />
            </template>
          </el-table-column>

    methods: { // 禁用/启用 
            disOrEnableUser(cate) {
                this.$http.put('cate/switch/status/' + cate.id).then(response => {
                    this.$message({
                        message: response.message,
                        type: 'success'
                    })
                })
            },
            }

后端代码

控制器中创建方法

设置路由

 // 切换状态
    $router->put('cate/switch/status/<id>', '\catchAdmin\system\controller\Cate@switchStatus');