cheers-mp-router
小程序命名路由
Last updated 4 months ago by xsasadasdasdasd .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install cheers-mp-router 
SYNC missed versions from official npm registry.

cheers-mp-router

????精巧强大的小程序路由

催更、钉钉交流群:

钉钉交流群

使用

安装

npm i cheers-mp-router

typescript引入

import Router, { RouteConfig } from "cheers-mp-router";


// 定义路由配置
const routeConfigList: RouteConfig[] = [
  { name: "test-tabbar", path: "pages/tabbar/test-tabbar/index", isTab: true },
  { name: "testA", path: "test/pages/testA/index" },
  { name: "testB", path: "test/pages/testB/index" },
  { name: "product-details", path: "test/pages/product-details/index" }
];

// 实例化
const router = new Router({ routes: routeConfigList });

// 注册全局 beforeEach 钩子;使用方式和 vue-router 的 beforeEach 基本一致
router.beforeEach((to, from, next) => {
  console.log("当前路由", from);
  console.log("即将前往的路由", to);
  next();
  // next({ name: "pageB" });
  // next(false)
});

// 注册全局 afterEach 钩子
router.afterEach((current, from) => {
  console.log("跳转成功,当前路由:", current);
  console.log("之前路由:", from);
});

// 调用路由方法
router.push({ name: "testA" })

// 调用路由传参数
router.push({ name: "product-details", query: { id: "sb" } })

实例API

具体查看这里

TODO

  • [x] 在 cheers-mp 脚手架中使用时获得构建级别的路由支持、子包构建支持
  • [x] push 支持 eventChannel 事件监听

Current Tags

  • 1.2.0                                ...           latest (4 months ago)

4 Versions

  • 1.2.0                                ...           4 months ago
  • 1.1.1                                ...           5 months ago
  • 1.1.0                                ...           6 months ago
  • 1.0.0                                ...           6 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 4
Last Day 0
Last Week 4
Last Month 2
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |