【个人笔记】Vue+ElementUI后台模板配置动态路由

模板链接: https://pan.baidu.com/s/1n_ggZBTuGyn2TMevOPsaig 提取码: 3r6c该模板为别人开发，暂时未找到作者1.创建一个Vue组件：2.在store/components/lazyLoading.js文件中注册组件：注意注册的时候，填写正确组件地址3.在components/login.vue 的登录成功结果处理中将zstest页...

dongZhenSong

3687人浏览 · 2019-03-05 15:44:15

dongZhenSong · 2019-03-05 15:44:15 发布

模板链接: https://pan.baidu.com/s/1n_ggZBTuGyn2TMevOPsaig 提取码: 3r6c
该模板为别人开发，暂时未找到作者

1.创建一个Vue组件：

在这里插入图片描述

2.在store/components/lazyLoading.js文件中注册组件：

注意注册的时候，填写正确组件地址
在这里插入图片描述

3.在components/login.vue 的登录成功结果处理中将zstest页面的动态路由配置加到参数中：

在这里插入图片描述
其中getMenuList()是在外部js文件中定义的一个方法：

该方法返回值中包含有对zstest页面的配置。

这样之后，测试可得：

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^