litchi-mp-router
v1.0.0
Published
小程序命名路由
Downloads
5
Readme
litchi-mp-router
🚦精巧强大的小程序路由
催更、钉钉交流群:
使用
安装
npm i litchi-mp-router
typescript引入
import Router, { RouteConfig } from "litchi-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] 在 litchi-mp 脚手架中使用时获得构建级别的路由支持、子包构建支持
- [x] push 支持 eventChannel 事件监听