uni-simple-router 页面跳转 （跳转到新的页面）uni-app路由管理器

点击跳转官网

本页内容链接

这些使用到replaceAll 来关闭所有历史记录。这里记录下。

专为 uni-app 打造的路由管理器

简介路由跳转功能  

使用 uni-simple-router 跳转到新的页面。

1.push 跳转到普通页面，新开保留历史记录。

// 命名的路由
this.$Router.push({ name: 'router1', params: { userId: '123' }})

// 带查询参数，变成 /router1?plan=private
this.$Router.push({ path: 'router1', query: { plan: 'private' }})

注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。所以字符串时必须是绝对的路径，name 时传递的参数必须为 params，相反 path 必须对应 query。

2. replace 动态的导航到一个新的url，并且关闭当前页面，跳转到新的页面

跟 router.push 很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。

this.$Router.replace(...)

3. replaceAll 动态的导航到一个新的url 关闭所有页面，（历史记录没有了）打开应用内的某个页面。

跟 router.replace 很像，唯一的不同就是，它不会向 history 添加新记录，而是将所有的页面都关掉，打开一个新的页面。

4. pushTab动态导航到一个新的url 关闭所有页面，打开到应用内的某个tab。

5.  router.back(n,{...}) 

这个方法的参数是一个正整数，意思是在 history 记录中后退多少步，类似 window.history.go(n)。

// 后退 2 步记录
this.$Router.back(2,{
    success:(...arg)=>{
        console.log(arg)
    }
})

// 如果 history 记录不够用，那就默默地失败呗
this.$Router.back(100,{
    success:(...arg)=>{
        console.log(arg)
    }
})