博客-三更草堂

博客-三更草堂

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

① ...前端工程\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键代替空格"

相关推荐
萧鼎18 分钟前
Python并发编程库:Asyncio的异步编程实战
开发语言·数据库·python·异步
学地理的小胖砸19 分钟前
【一些关于Python的信息和帮助】
开发语言·python
疯一样的码农20 分钟前
Python 继承、多态、封装、抽象
开发语言·python
^velpro^20 分钟前
数据库连接池的创建
java·开发语言·数据库
秋の花29 分钟前
【JAVA基础】Java集合基础
java·开发语言·windows
小松学前端31 分钟前
第六章 7.0 LinkList
java·开发语言·网络
可峰科技40 分钟前
斗破QT编程入门系列之二:认识Qt:编写一个HelloWorld程序(四星斗师)
开发语言·qt
清灵xmf43 分钟前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
全栈开发圈1 小时前
新书速览|Java网络爬虫精解与实践
java·开发语言·爬虫
面试鸭1 小时前
离谱!买个人信息买到网安公司头上???
java·开发语言·职场和发展