hhyang
hhyang
  • 发布:2023-07-12 19:47
  • 更新:2023-07-24 10:27
  • 阅读:246

uni-simple-router-v3 示例工程介绍

分类:uni-app

uni-simple-router-v3 示例工程介绍

您可以在 GitHub 上找到 uni-simple-router v3示例源代码。要运行示例功能非常简单,但在此之前,您必须已经获得授权并下载了 uni-simple-router v3 版本。如果您尚未获得授权或未下载,请点击此处获取授权和下载

如果你正在使用 vue3 + vite 请参考 uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭,或者查看 官方文档

安装 uni-simple-router

请将已经下载下来后的插件包解压,并放入项目根目录下的 uni-simple-router 文件夹中。如果没有 uni-simple-router 文件夹,你必须自己新建一个 uni-simple-router 文件夹,并将插件包放入里面,即可完成安装。

目录结构

C:\Users\Administrator\Desktop\v3-example  
├─colorui  
├─components  
├─examples  
├─node_modules  
├─pagesA  
├─pages-A-child  
├─pagesB  
├─pages-B-child  
├─pagesMain  
├─router  
├─static  
├─tabbar  
├─uni-simple-router  
|         ├─appletRouterView.vue  
|         ├─compiler.d.ts  
|         ├─compiler.js  
|         ├─compiler.js.LICENSE.txt  
|         ├─index.d.ts  
|         ├─index.mjs  
|         ├─index.mjs.LICENSE.txt  
|         ├─version.json  
├─utils  
├─vk-uview-ui_1.4.5  
├─App.vue  
├─index.html  
├─main.js  
├─manifest.json  
├─newMain.js  
├─package.json  
├─pages.json  
├─pnpm-lock.yaml  
├─uni.scss  
├─vite.config.js

安装依赖

在项目根目录下执行,安装示例项目所需依赖。

npm install

H5 父级窗体转场动画

H5 父级窗体随机转场动画

H5 子路由转场动画

App 拦截所有返回

App 使用无限嵌套路由

App 使用子路由

小程序 首屏拦截

小程序 使用动态嵌套路由

小程序 使用权限路由

小程序 使用子路由

重定向及404

无限嵌套权限路由

上帝函数组件通讯

全局路由守卫

嵌套权限路由

1 关注 分享
BoredApe

要回复文章请先登录注册

hhyang

hhyang (作者)

回复 董路飞 :
那东西和我们提供的东西不一样,本质基本一致,实质完全不一样
2023-07-24 10:27
董路飞

董路飞

uni-app 配置默认不是有 uniIdRouter 么,就是拦截路由的
2023-07-24 10:21
hhyang

hhyang (作者)

任何路由相关的问题请添加QQ:1606726660
2023-07-24 10:10