constrouter =createRouter({platform: process.env.VUE_APP_PLATFORM,// ① 路由锁applet: {animationDuration:300// 默认300ms// animationDuration: 0 // 不精准 只捕捉跳转api下的complete函数},// ②优雅解锁 error.type: 0 表示 next(false)
// 针对uniapp HBuilder创建的项目,非cli构建// 1⃣ NPM 安装npm install uni-simple-router// 2⃣ 初始化npm install uni-read-pages// 配合vue.config.js自动读取pages.json作为路由表的方式,源码例如下:扩二// 配置vue.config.jsconstTransformPages=require('uni-read-pages')consttfPages =newTransfor...
2.配置main.js // main.js import Vue from 'vue' import App from './App' import {router,RouterMount} from '@/router.js' Vue.use(router) App.mpType = 'app' const app = new Vue({ ...App }) RouterMount(app,router,'#app') app.$mount(); 3.配置vue.config.js //vue.config.jsc...
uniapp用到了vue的很多api,但在路由管理的功能上相较于vue-router还是比较欠缺的,比如全局导航守卫。 我们可以通uniapp的插件uni-simple-router来实现类似于vue-router的功能,但多端兼容时,一些用法还需要注意,我们会讲到。 一、安装 如果你的项目没有使用package,请先初始化: $ npm init -y 安装依赖: $ npm ...
uni-simple-router 是一个高度定制化的路由器,专为 uni-app 打造。它保持了与 Vue-router 的兼容性,并针对 uni-app 的特性进行了优化,使得在 uni-app 上构建单页应用变得简单高效。 2. uni-simple-router 的核心原理 uni-simple-router 的核心原理基于以下几个关键点: 深度集成 uni-app:与 uni-app 核心深度...
// router.js import { createRouter, type platformRule } from '@/uni-simple-router' const router = createRouter({ platform: process.env.VUE_APP_PLATFORM as platformRule, h5: { animation: { // 什么动作下执行动画 includeNavtype: [`push`, `back`], // 动画时长单位秒 animationTime: 0.3...
采用uniapp 脚手架项目,只保留了 h5,app,qq,微信,支付宝 的编译器。 不要随意升级 uni 的编译器版本,否则可能出现依赖变多,vue 依赖版本不同等问题。 因为uniapp 和 uview 的坑,只支持原生 npm 安装依赖。 尽可能减少全局混入 mixin 的依赖。 许可证 MITLicense © 2022-现在YuCarl77...
import { RouterMount, createRouter } from 'uni-simple-router'; const router = createRouter({ platform: process.env.VUE_APP_PLATFORM, routes: [...ROUTES] }); //全局路由前置守卫 router.beforeEach((to, from, next) => { //权限控制登录 if(to.meta.auth){ console.log("需要登录"); if(...
一个可以快速上手开发企业级uniapp的基础包,vue2 cli构建。 集成uview-ui,colorui,l-painter,mescroll, uni-simple-router 内含通用css样式类,大量样式无需手写 直接复用 更优雅方便的services api模块,集中管理,日志输出 上传文件等 vuex全局session token common模块。实现无感登录,自动刷新token ...
// 1. 安装依赖 // uni-read-pages 适用于读取page.json 文件中的路由信息 npm i uni-simple-router@2.0.7 uni-read-pages // 2. 配置与初始化 // 2.1 根目录新建 vue.config.js 文件 const Tra