vue-ele-nav 3.0.5 → 3.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +17 -1
- package/package.json +6 -5
package/README.md
CHANGED
|
@@ -1,7 +1,20 @@
|
|
|
1
|
-
# 基于
|
|
1
|
+
# 基于el-menu的菜单组件（vue2版）
|
|
2
|
+
[**vue3版本**](https://github.com/QuietHear/vue-ele-nav-plus '浏览') | ***vue2版本***
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
## 安装
|
|
4
6
|
npm i vue-ele-nav
|
|
7
|
+
// 需要安装前置依赖组件，已安装请忽略
|
|
8
|
+
npm i vue-router@3.x
|
|
9
|
+
npm i element-ui
|
|
10
|
+
// 开启国际化需要安装组件，已安装请忽略
|
|
11
|
+
npm i vue-i18n
|
|
12
|
+
|
|
13
|
+
## 使用
|
|
14
|
+
import vueEleNav from 'vue-ele-nav';
|
|
15
|
+
|
|
16
|
+
Vue.use(vueEleNav);
|
|
17
|
+
|
|
5
18
|
|
|
6
19
|
## 0. 组件说明
|
|
7
20
|
##### ①. 依赖组件
|
|
@@ -12,6 +25,7 @@
|
|
|
12
25
|
* i18n
|
|
13
26
|
* iconfont(class形式)
|
|
14
27
|
|
|
28
|
+
|
|
15
29
|
## 1. 修改之前路由的meta属性(展示属性全靠meta控制)
|
|
16
30
|
* `title:''`：导航展示的标题内容
|
|
17
31
|
* `icon:''`：图标class
|
|
@@ -20,6 +34,7 @@
|
|
|
20
34
|
* `markName:''`：代替当前路由点亮的导航的name，一般给show:false时使用
|
|
21
35
|
* `redirectName:''`：当前菜单内容为空，且展示到菜单中无子元素，子元素有权限但是不展示到菜单中时，加给父元素指向到想要跳转的菜单name即可，如需点亮菜单给子菜单必须加*markName*
|
|
22
36
|
|
|
37
|
+
|
|
23
38
|
## 2. 参数
|
|
24
39
|
* `root-name`：从根目录开始，到业务菜单的name集合-->Array;非必传;默认*["main"]*,取根目录下main的所有菜单
|
|
25
40
|
* `start-name`：菜单为main的某个直接子路由的路由名-->String;非必传;默认*""*,取main下所有菜单
|
|
@@ -68,6 +83,7 @@
|
|
|
68
83
|
|
|
69
84
|
* `accordion`：是否开启手风琴模式-->Boolean;非必传;默认*false*
|
|
70
85
|
|
|
86
|
+
|
|
71
87
|
## 3. 自定义class（demo）
|
|
72
88
|
>
|
|
73
89
|
@primary_background_color: #1e2836; // 导航背景颜色，只建议加横向的，竖直方向height不会占满
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-ele-nav",
|
|
3
|
-
"description": "基于element、权限、国际化的
|
|
4
|
-
"version": "3.
|
|
3
|
+
"description": "基于element、权限、国际化的vue2 nav组件",
|
|
4
|
+
"version": "3.1.1",
|
|
5
5
|
"author": "aFei <1106728884@qq.com>",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/vue-ele-nav.min.js",
|
|
@@ -11,13 +11,14 @@
|
|
|
11
11
|
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
|
|
12
12
|
},
|
|
13
13
|
"keywords": [
|
|
14
|
-
"
|
|
14
|
+
"Vue2",
|
|
15
15
|
"Element",
|
|
16
16
|
"permission",
|
|
17
17
|
"i18n",
|
|
18
|
-
"vue-
|
|
18
|
+
"vue-router3"
|
|
19
19
|
],
|
|
20
|
-
"homepage": "https://github.com/QuietHear
|
|
20
|
+
"homepage": "https://github.com/QuietHear",
|
|
21
|
+
"repository": "https://github.com/QuietHear/vue-ele-nav",
|
|
21
22
|
"devDependencies": {
|
|
22
23
|
"babel-core": "^6.26.0",
|
|
23
24
|
"babel-helper-vue-jsx-merge-props": "^2.0.3",
|