Vue动态添加项添加input输入框，实现同时实现两次动态添加

为了实现这一需求，啊啊啊啊啊~简直要疯了；设计数据类型，读取数据，添加数据....一系列问题。记录开发不易啊，各种细节处理，调试。

1.点击选中复选框，下面出现复选框选中项

2.不选中复选框时，不出现

3.同时输入框也是可以动态添加的

4.也可以指定项删除

具体实现效果图如下:

1.搭建Vue环境

2.引入elementUI依赖，这里是全局引入的

3.路由router，本项目引入了，看个人需要引入

行为方法：

数据格式：

1、取出非第一级的所有数据

2、映射出所有路由规则

3、添加路由

4、 登录成功后 保存菜单数据，保存后在vuex直接触发添加事件即可 this.commit('add_route')

比如你有好几个一级路由，其中一个是用户个人中心。个人中心里有个左侧边栏作为菜单，点击不同内容时，右侧对应内容改变。你希望个人中心中的每项 *** 作都对应一个路由的话，就可以把右侧作为一个sub router-view，对应的也就是嵌套路由。

---