文档更新

master
toesbieya 6 years ago
parent de61b0f2e2
commit ae964c3442
  1. 4
      docs/frontend/README.md
  2. 18
      docs/frontend/global-methods/guide.md

@ -41,7 +41,7 @@
│ ├── component # 公用组件 │ ├── component # 公用组件
│ ├── config │ ├── config
│ │ │── index.js # 基础配置项 │ │ │── index.js # 基础配置项
│ ├── directive # 自定义指令集合 │ ├── directive # 全局指令
│ ├── filter # 自定义过滤器集合 │ ├── filter # 自定义过滤器集合
│ ├── globalMethod # 全局方法,已挂载到Vue原型上,使用this.$xx调用 │ ├── globalMethod # 全局方法,已挂载到Vue原型上,使用this.$xx调用
│ ├── layout # 布局文件夹,包含了导航栏、侧边栏、多页签、全局页脚 │ ├── layout # 布局文件夹,包含了导航栏、侧边栏、多页签、全局页脚
@ -56,6 +56,8 @@
│ ├── store # vuex配置 │ ├── store # vuex配置
│ ├── util # 工具类 │ ├── util # 工具类
│ ├── view # 路由页面集合 │ ├── view # 路由页面集合
│ │ │── _app # 系统页面,如登录注册、404等
│ │ └── _common # 公用页面
│ ├── App.vue │ ├── App.vue
│ └── main.js │ └── main.js
``` ```

@ -4,16 +4,12 @@
### 使用: ### 使用:
- 在 `@/mixins/guide/data` 下创建导航步骤,例如 `test.js`
- 在需要导航的路由页面里引入 `@/mixins/guide`,并混入 `mixins: [guide.test]`
```js ```js
//配置导航 //配置导航
this.$guide.config(config) this.$guide.config(config)
//开始一个导航 //开始一个导航
this.$guide(start,steps,[,beforeExist]) this.$guide(steps,index[,beforeExist])
//退出导航 //退出导航
this.$guide.exit() this.$guide.exit()
@ -32,11 +28,12 @@ this.$guide.exit()
} }
``` ```
### $guide(start,steps,[,beforeExist]) ### $guide(steps,index[,beforeExist])
- `start` : `number / string`,从第几个步骤开始,`number` 型从0开始,`string` 型可以为 `'first'``'last'`
- `step` : `array`,导航步骤数组,所有可配置项如下: - `step` : `array`,导航步骤数组,所有可配置项如下:
- `index` : `number / string`,从第几个步骤开始,`number` 时从0开始,`string` 时可以为 `'first'``'last'`,默认为0。
```js ```js
{ {
...config, ...config,
@ -46,11 +43,12 @@ this.$guide.exit()
forceShowNextBtn: boolean, 是否强制显示下一步按钮 forceShowNextBtn: boolean, 是否强制显示下一步按钮
onPrevious: function, 跳转到上一个导航步骤前触发,返回false或Promise.reject()来阻止跳转 onPrevious: function, 跳转到上一个导航步骤前触发,返回false或Promise.reject()来阻止跳转
onNext: function, 跳转到下一个导航步骤前触发,返回false或Promise.reject()来阻止跳转 onNext: function, 跳转到下一个导航步骤前触发,返回false或Promise.reject()来阻止跳转
onHighlighted: function,当前导航步骤高亮完成后触发
} }
``` ```
- `beforeExist` : `function`,退出导航前触发,回调参数是一个 `boolean`,表示当前是否是最后一个步骤,返回 `false``Promise.reject()` 来阻止退出。 - `beforeExist` : `function`,退出导航前触发,回调参数是一个 `boolean`,表示当前是否是最后一个步骤,返回 `false``Promise.reject()` 来阻止退出。
### $guide.exit() ### $guide.exit(force)
退出导航,会触发 `beforeExist` 钩子 - `force` : `boolean`,`true` 时会强制退出,忽略所有钩子,否则会触发 `beforeExist`

Loading…
Cancel
Save