|
|
|
@ -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` |
|
|
|
|