uni-simple-router 是一个专为 uni-app 设计的路由管理插件,旨在提供更强大且易于使用的路由功能。以下是它的主要特点和功能:

uni-simple-router核心功能

  1. H5端完全兼容 vue-router:在 H5 端,开发者可以使用 vue-router 的方式来开发,享受其强大的路由管理功能。
  2. 模块化路由配置:基于组件的路由器配置,使得路由管理更加模块化和灵活。
  3. 路由参数与查询:支持路由参数、查询参数和通配符,方便开发者进行复杂的路由管理。
  4. 过渡效果:在 H5 端支持由 uni-simple-router 提供的过渡效果,提升用户体验。
  5. 细粒度的导航控制:提供更细粒度的导航控制,满足不同场景下的需求。
  6. 跨平台支持:通配小程序端、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一样的路由跳转,找了很多教程都不全面,不是这里出问题,就是那里,希望可以帮助到大家,如果这边文章有什么问题,很开心接受大家的指导

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐