博客搭建（9）-element-ui组件的使用

一.搭建菜单管理页面

首先在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组件如下定义

最终实现了完整的菜单编辑功能

后面有连载！！！，有兴趣的可以去我的主页找对应博客搭建分栏，这里我就懒得放链接了