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:'****/菜单总称/内部菜单名称/**页面'
})
}

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

相关推荐
宸翰1 天前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹2 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹2 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹2 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹2 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
spmcor4 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue994 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue995 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app