uniapp 小程序如何从主包页面跳转到分包页面-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 小程序如何从主包页面跳转到分包页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

我的页面->详情页

uniapp 小程序如何从主包页面跳转到分包页面,uni-app,小程序

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

// 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不久，大神路过！文章来源地址https://www.toymoban.com/news/detail-602094.html

到了这里，关于uniapp 小程序如何从主包页面跳转到分包页面的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！