update
uni-simple-router 3.0 版本已发布,欢迎你的使用!

# 组件式导航 V 1.2.2+

如果你不习惯 编程式导航 ,你也可以通过 组件式导航 进行编写。一个通用的组件 必须在main.js中进行注册。

注意

为了兼容小程序端,所有的组件应该在 mian.js 进行注册才可以。

1、注册组件:

// main.js
import Mylink from './node_modules/uni-simple-router/dist/link.vue'     
Vue.component('my-link',Mylink)
1
2
3

2、使用组件:

<!-- 一个简单的name跳转 -->
<my-link to="{name: 'tabbar-4',params: {name: 'my-link'}}">
  <button type="primary">使用name对象跳转</button>
</my-link>

<!-- 通过path直接跳转 并指定跳转类型 -->
<my-link to="/tabbar-4" navType="pushTab">
  <button type="primary">使用path对象跳转</button>
</my-link>
1
2
3
4
5
6
7
8
9