uniapp app端路由管理封装

当前封装并没有加动态路由 如有需要可手动添加一个 盛路由的数组 在跳转前进行判断

全局注册

import Router from '@/common/utils/router';
export default {
  install: function (Vue) {
    Vue.prototype.router = new Router();
  }
}

路由封装

/**
 * @exports
 * 全局路由管理
 */
export default class Router {
  constructor() {
    console.log("global router class");
  }
  success () {
    console.log("跳转成功");
  }
  fail (err) {
    console.error("跳转失败：", err);
  }
  /**
   * 保留当前页面，跳转到应用内的某个页面。
   * @param { String } url 目标地址
   * @description 使用uni.navigateBack可以返回到原页面
   * @example this.$router.push(url); => 去往指定页面
   */
  push (url) {
    uni.navigateTo({
      url,
      success: this.success,
      fail: this.fail
    });
  }
  /**
   * 关闭当前页面，返回上一页面或多级页面。
   * @param { num } delta 返回层级
   * @description 可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
   * @example this.$router.back() => 返回上一页面
   */
  back (delta = 1) {
    uni.navigateBack({
      delta
    });
  }
  /**
   * 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
   * @param { String } url 目标地址
   * @example this.$router.goGlobal(url) => 返回上一页面
   */
  goGlobal (url) {
    uni.switchTab({
      url,
      success: this.success,
      fail: this.fail
    })
  }
  /**
   * 关闭所有页面，打开到应用内的某个页面。
   * @param { String } url 目标地址
   * @example this.$router.redirect(url) => 重定向到目标页面
   */
  redirect (url) {
    uni.reLaunch({
      url
    });
  }
}