uniapp分包

如要观看 推荐整个流程看下来 因为 存语言描述。如有更好的建议或者遇到问题请于评论区发出。

1------2一部分

1.首先我们要清楚他的pages是用于存放页面的。

2.呃 好 嗯 我们可以创建多个和pages平级的菜单 , 好 这个时候我们清楚了 嗯同理 也就变得很简单了

3------5是一部分

3.通过下方图片案例可以得知pagess是分的包 ,root的pagess相当于分包的名称 我是这么理解的 就是在这里声明一下,root:pagess ,同理假如菜单是A如果和pages是同级,root:A就是这样。

4.同样如下图所示他们的路由配置都是一样的,但是他已经没有了原本的tabbar页面,但是如果我们需要,我们可以自定义一个全局的进行使用。

5.通过下方图片左侧框选我们可以得知他是一个菜单列表,每一个里面都有一个vue文件,重点来了,它可以有外边这个文件夹,也可以没有外边这个文件夹,都一样,合理使用即可

好 这时上方的都已经描述结束

我们来扩展一些

跳转页面

其他的都是一样的点击方式也是一样的

比如点击事件长这样**@click="handleClick**

handleClick(){
uni.reLaunch({
url:'/pagess/index/index'

**// url:'****/菜单总称/内部菜单名称/**页面'
})
}

到这里就结束了,非常感谢大家观看。

相关推荐
anyup1 小时前
仍然是简单一句话,uView Pro Starter 一键清理 Skill 发布
前端·人工智能·uni-app
00后程序员张3 小时前
怎么用 Egret(白鹭引擎)打包 iOS 应用并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
xujuzheng4 小时前
2026深圳小程序/App/AI智能体开发公司选型指南(附本地服务商盘点)
数据库·科技·微信小程序·小程序·uni-app
郑州光合科技余经理6 小时前
本地生活系统:多业务订单字段怎么分账本导出
java·开发语言·前端·数据库·uni-app·php·ai编程
EatFan2 天前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
bug总结3 天前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~3 天前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_915106323 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山3 天前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰3 天前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app