一.搭建菜单管理页面
首先在src/router/index.js中定义组件map新增菜单管理页面组件,数据库中添加对应菜单路由
在src/views/下创建/menu/index.vue组件
进入element-ui官网,找到树形控件,复制代码粘贴到index.vue组件中
注意这里模板部分需要用template标签包括,可以参考项目中的其他组件写法
这里可以设置组件的一些属性和方法,可以参考element-ui官网
后端新建了一个控制器路由
最终效果如下:
这里再实现一下菜单的编辑功能,使用element-ui的模态框组件
这里放在同一个组件中
注意这里newType放在表单里,一并带过去,而且要定义为{}对象,定义数组接口接收为null不行。
后端接口逻辑
这里使用的是put方法,更规范
vue使用局部刷新
还需在src/App.vue组件如下定义
最终实现了完整的菜单编辑功能