uniapp 小程序如何从主包页面跳转到分包页面

小三金

已于 2023-07-20 15:26:17 修改

阅读量4k

点赞数 6

文章标签： uni-app 小程序

于 2023-07-20 15:24:24 首次发布

本文链接：https://blog.csdn.net/tdjqqq/article/details/131831238

版权

在uniapp开发小程序时，了解分包概念很重要。从主包页面跳转到分包页面，需在路径中包含分包名，例如/subPages/页面路径。点击事件处理函数handleClickCell中使用uni.redirectTo进行跳转，确保url正确包含分包名。

摘要由CSDN通过智能技术生成

在uniapp开发小程序的时候，“分包”概念一定要提前了解下，具体我就不多说了，自己看下关网的相关配置。

那么，如果从主包页面，跳转至分包的页面呢？如图所示

我的页面->详情页

在我的页面创建好自己的链接，我使用的是方法创建的

// html部分 其它省略

<u-cell-group :border="false">
    <u-cell 
        v-for="(item02, index02) in pageOtherList" 
                :key="index02" 
                :isLink="item02.isLink"
				:title="item02.title" 
                @click="handleClickCell(item02)">
    </u-cell>
</u-cell-group>


// data
pageOtherList: [
{
	title: '法律法规',
	url: "/pages/news-info/news-info?id=1&&title=low",
	isLink: true,
	border: false
},
{
    title: '隐私政策',
	url: "/pages/news-info/news-info?id=2&&title=privacy",
	isLink: true,
	border: false
},
{
	title: '关于',
	url: "/subPages/pages/news-info/news-info?id=3&&title=about",
	isLink: true,
	border: false
}]

// 重点是跳转的路径，一定要加上【分包名】，格式如下：

/分包名/页面路径？参数1=值&&参数2=值
/subPages/pages/news-info/news-info?id=3&&title=about"

============================================================================

// js部分 其它省略. 点击一行时，执行跳转方法

handleClickCell(item) {
    let _this = this
		uni.redirectTo({
			url: item.url。
		})
}

注：

1、一定要注意跳转的路径，要加上【分包名】

/分包名/页面路径?参数1=值&&参数2=值
/subPages/pages/news-info/news-info?id=3&&title=about"

2 、使用uni.redirectTo()方法跳转方法

uni.redirectTo({
url: item.url。
})

接触uniapp不久，大神路过！