uniapp路由配置(uni-simple-router 完全使用vue的跳转方式)
是一个专为uni-app设计的路由管理插件,旨在提供更强大且易于使用的路由功能。
·
uni-simple-router 是一个专为 uni-app 设计的路由管理插件,旨在提供更强大且易于使用的路由功能。以下是它的主要特点和功能:
uni-simple-router核心功能
- H5端完全兼容 vue-router:在 H5 端,开发者可以使用
vue-router的方式来开发,享受其强大的路由管理功能。 - 模块化路由配置:基于组件的路由器配置,使得路由管理更加模块化和灵活。
- 路由参数与查询:支持路由参数、查询参数和通配符,方便开发者进行复杂的路由管理。
- 过渡效果:在 H5 端支持由
uni-simple-router提供的过渡效果,提升用户体验。 - 细粒度的导航控制:提供更细粒度的导航控制,满足不同场景下的需求。
- 跨平台支持:通配小程序端、APP端和 H5端,确保在不同平台上的兼容性
uni-simple-router安装
NPM安装
项目根目录命令行执行
npm install uni-simple-router
npm install uni-read-pages
后续具体教程请去官网
想要在uniapp中使用vue路由的跳转方式只需要在router.js中加上这段代码
h5: {
vueRouterDev: true,
},
const router = new createRouter({
h5: {
vueRouterDev: true,
},
platform: process.env.VUE_APP_PLATFORM,
routes: [{
path: '/',
component: indexVue,
children: [{
path: '',
component: mainVue
},
]
},
]
})
其实我对这个也没有很了解,只学习了2天,因为当初为了实现uniapp像vue一样的路由跳转,找了很多教程都不全面,不是这里出问题,就是那里,希望可以帮助到大家,如果这边文章有什么问题,很开心接受大家的指导
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)