博客-三更草堂

博客-三更草堂

后台分类页面修改,添加状态修改接口

① ...前端工程\sg-vue-admin\src\api\content\category.js 文件中添加新接口

js 复制代码
// 修改分类状态
export function changeCategoryStatus(id, status) {
  const data = {
    id,
    status
  }
  return request({
    url: '/content/category/changeStatus',
    method: 'put',
    data: data
  })
}

②...\sg-vue-admin\src\views\content\category\index.vue 在下面文件中添加

vue 复制代码
// 分类状态修改
    handleStatusChange(row) {
      const text = row.status === '0' ? '启用' : '停用'
      this.$modal
        .confirm('确认要"' + text + '""' + row.name + '"分类吗?')
        .then(function() {
          return changeCategoryStatus(row.id, row.status)
        })
        .then(() => {
          this.$modal.msgSuccess(text + '成功')
        })
        .catch(function() {
          row.status = row.status === '0' ? '1' : '0'
        })
    },

注意:如果使用的是记事本之类的进行修改不要用tab键代替空格,否则会报错,或者说在\sg-vue-admin.eslintrc.js文件中加入规则"可以使用tab键代替空格"

相关推荐
湫ccc6 分钟前
《Python基础》之字符串格式化输出
开发语言·python
mqiqe44 分钟前
Python MySQL通过Binlog 获取变更记录 恢复数据
开发语言·python·mysql
AttackingLin1 小时前
2024强网杯--babyheap house of apple2解法
linux·开发语言·python
Ysjt | 深1 小时前
C++多线程编程入门教程(优质版)
java·开发语言·jvm·c++
ephemerals__1 小时前
【c++丨STL】list模拟实现(附源码)
开发语言·c++·list
码农飞飞2 小时前
深入理解Rust的模式匹配
开发语言·后端·rust·模式匹配·解构·结构体和枚举
一个小坑货2 小时前
Rust 的简介
开发语言·后端·rust
湫ccc2 小时前
《Python基础》之基本数据类型
开发语言·python