[TOC]

⾸先将⽤于添加菜单的请求功能封装到 services/menu.js 模块中，由于⽂件不存在，先进⾏创建。

// services/menu.js import request from ‘@/utils/request’ // 添加菜单请求功能 export const createOrUpdateMenu = data => { return request({ method: ‘POST’, url: ‘/boss/menu/saveOrUpdate’, // 当前请求参数为 application/json，⽆需通过 qs 处理 data }) }

在 menu-create.vue 中引⼊并在点击提交按钮时发送请求

// menu-create.vue … …

检测是否提交成功：

成功时，提示，并跳转到之前的列表⻚即可。 // menu-create.vue … async onSubmit () { const { data } = await createOrUpdateMenu(this.form) // console.log(data) // 检测是否提交成功，成功时 data.code 为 ‘000000’ if (data.code === ‘000000’) { // 成功提示 this.$message.success(‘提交成功’) // 跳回菜单⻚⾯ this.$router.push(‘/menu’) } }