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

在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不久,大神路过!

扫描二维码关注公众号,回复: 16842254 查看本文章

猜你喜欢

转载自blog.csdn.net/tdjqqq/article/details/131831238
今日推荐