组件式导航 | uni-simple-router

# 组件式导航 V 1.2.2+

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

注意

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

1、注册组件：

// main.js
import routerLink from './node_modules/uni-simple-router/component/router-link.vue'
Vue.component('router-link',routerLink)

1
2
3

2、使用组件：

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

<!-- 通过path直接跳转 并指定跳转类型 -->
<router-link to="/tabbar-4" navType="pushTab">
  <button type="primary">使用path对象跳转</button>
</router-link>

1
2
3
4
5
6
7
8
9

← 编程式导航命名路由 →