术习电报 / electron-vue-template

转到一个项目
切换导航栏
切换导航栏固定状态
张恒
a7c69a16 1 个父辈 ccc40c73

更新路由参数

内嵌 并排
正在显示 3 个修改的文件 包含 31 行增加 和 1 行删除
...@@ -37,7 +37,8 @@ npm test ...@@ -37,7 +37,8 @@ npm test
37 这是花裤衩大大原本的[地址](https://github.com/PanJiaChen/electron-vue-admin) 37 这是花裤衩大大原本的[地址](https://github.com/PanJiaChen/electron-vue-admin)
38 38
39 # 更新日志 39 # 更新日志
40 -- 2019年8月12日更新：添加一个新分支，该新分支后续将会持续保持ELECTRON（包括其对应的辅助组件）的版本处于最新状态，去除了单元测试和一些无用的文件。 40 +- 2019年8月12日更新：添加一个新分支，该新分支后续将会持续保持ELECTRON（包括其对应的辅助组件）的版本处于最新状态，去除了单元测试和一些无用的文件。master分支中则是为路由添加新参数具体
41 +用途，详看路由中的注释
41 - 2019年8月10日更新：添加各个平台的build脚本，当您直接使用build时，则会打包您当前操作系统对应的安装包，mac需要在macos上才能进行打包，而linux打包win的话，需要wine的支持，否则会失败 42 - 2019年8月10日更新：添加各个平台的build脚本，当您直接使用build时，则会打包您当前操作系统对应的安装包，mac需要在macos上才能进行打包，而linux打包win的话，需要wine的支持，否则会失败
42 - 2019年8月4日更新：修正原webpack配置中没有将config注入的小问题，添加了拦截实例，修改了侧栏，侧栏需要底色的请勿更新，此更新可能会导致侧栏底色无法完全覆盖（待修正），添加axios接口示例，待测。 43 - 2019年8月4日更新：修正原webpack配置中没有将config注入的小问题，添加了拦截实例，修改了侧栏，侧栏需要底色的请勿更新，此更新可能会导致侧栏底色无法完全覆盖（待修正），添加axios接口示例，待测。
43 - 2019年8月1日更新：将node-sass版本更新至最新版本，尝试修正由于nodejs环境是12版导致失败（注意！此次更新可能会导致32位系统或者nodejs版本低于10的用户安装依赖报错）去除路由表中重复路由，解决控制台无端报错问题。 44 - 2019年8月1日更新：将node-sass版本更新至最新版本，尝试修正由于nodejs环境是12版导致失败（注意！此次更新可能会导致32位系统或者nodejs版本低于10的用户安装依赖报错）去除路由表中重复路由，解决控制台无端报错问题。
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <div v-if="!item.hidden&&item.children" class="menu-wrapper"> 2 <div v-if="!item.hidden&&item.children" class="menu-wrapper">
3 +
4 + <div v-if="item.onlyShowfirst">
5 + <router-link
6 + v-if="OneShowingChild(item.children[0]) && !onlyOneChild.children&&!item.alwaysShow"
7 + :to="resolvePath(onlyOneChild.path)"
8 + >
9 + <el-menu-item
10 + :index="resolvePath(onlyOneChild.path)"
11 + :class="{'submenu-title-noDropdown':!isNest}"
12 + >
13 + <svg-icon
14 + v-if="onlyOneChild.meta&&onlyOneChild.meta.icon"
15 + :icon-class="onlyOneChild.meta.icon"
16 + ></svg-icon>
17 + <span
18 + v-if="onlyOneChild.meta&&onlyOneChild.meta.title"
19 + slot="title"
20 + >{{onlyOneChild.meta.title}}</span>
21 + </el-menu-item>
22 + </router-link>
23 + </div>
24 +
25 + <div v-else>
3 <router-link 26 <router-link
4 v-if="hasOneShowingChild(item.children) && !onlyOneChild.children&&!item.alwaysShow" 27 v-if="hasOneShowingChild(item.children) && !onlyOneChild.children&&!item.alwaysShow"
5 :to="resolvePath(onlyOneChild.path)" 28 :to="resolvePath(onlyOneChild.path)"
...@@ -44,6 +67,7 @@ ...@@ -44,6 +67,7 @@
44 </template> 67 </template>
45 </el-submenu> 68 </el-submenu>
46 </div> 69 </div>
70 + </div>
47 </template> 71 </template>
48 72
49 <script> 73 <script>
...@@ -88,6 +112,10 @@ export default { ...@@ -88,6 +112,10 @@ export default {
88 }, 112 },
89 resolvePath(...paths) { 113 resolvePath(...paths) {
90 return path.resolve(this.basePath, ...paths); 114 return path.resolve(this.basePath, ...paths);
115 + },
116 + OneShowingChild(children) {
117 + this.onlyOneChild = children;
118 + return true;
91 } 119 }
92 } 120 }
93 }; 121 };
......
...@@ -18,6 +18,7 @@ const Notfound = () => import('@/views/404') ...@@ -18,6 +18,7 @@ const Notfound = () => import('@/views/404')
18 * hidden: true 如果在模板中使用该选项,则不会在侧栏显示该路由(例如：Dashboard),如果是在第一个子路由中使用,侧栏则只显示第一个子路由的名字和图标(例如: Form) 18 * hidden: true 如果在模板中使用该选项,则不会在侧栏显示该路由(例如：Dashboard),如果是在第一个子路由中使用,侧栏则只显示第一个子路由的名字和图标(例如: Form)
19 * alwaysShow: true 如果设置为true它则会始终显示根菜单,无视自路由长度,没有设置的话,就会折叠起来(不清楚为什么没有作用,可能是我写错位置了?) 19 * alwaysShow: true 如果设置为true它则会始终显示根菜单,无视自路由长度,没有设置的话,就会折叠起来(不清楚为什么没有作用,可能是我写错位置了?)
20 * redirect: noredirect 若设置为noredirect则顶部面包屑不能够为其重定向. 20 * redirect: noredirect 若设置为noredirect则顶部面包屑不能够为其重定向.
21 + * onlyShowfirst: false 若该设置为true时，将会无视其有多少个孩子路由，只会显示第一个子路由并将其设置为根菜单
21 * name:'router-name' 路由名称,此项为必须填写项 22 * name:'router-name' 路由名称,此项为必须填写项
22 * meta : { 23 * meta : {
23 title: 'title' 这里的名字决定了面包屑和侧栏的名字 24 title: 'title' 这里的名字决定了面包屑和侧栏的名字
......