广告
返回顶部
首页 > 资讯 > 移动开发 >uniapp 小程序如何从主包页面跳转到分包页面
  • 460
分享到

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

uni-app小程序 2023-09-15 05:09:23 460人浏览 八月长安
摘要

在uniapp开发小程序的时候,“分包”概念一定要提前了解下,具体我就不多说了,自己看下关网的相关配置。 那么,如果从主包页面,跳转至分包的页面呢?如图所示 我的页面->详情页  在我的页面创建好自己的链接,我使用的是方法创建的 // h

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

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

我的页面->详情页 

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

// html部分 其它省略        // datapageOtherList: [{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 = thisuni.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://blog.csdn.net/tdjqqq/article/details/131831238

--结束END--

本文标题: uniapp 小程序如何从主包页面跳转到分包页面

本文链接: https://www.lsjlt.com/news/407894.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • uniapp 小程序如何从主包页面跳转到分包页面
    在uniapp开发小程序的时候,“分包”概念一定要提前了解下,具体我就不多说了,自己看下关网的相关配置。 那么,如果从主包页面,跳转至分包的页面呢?如图所示 我的页面->详情页  在我的页面创建好自己的链接,我使用的是方法创建的 // h...
    99+
    2023-09-15
    uni-app 小程序
  • uniapp小程序跳转到外部页面
    方案1 使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网 该组件的行为是在app内打开外部浏览器,在h5打开新网页。 方案2: 通过先跳转到web-view页面,通过web-view这个标签进行动态绑定...
    99+
    2023-09-13
    小程序 uni-app 前端 Powered by 金山文档
  • 小程序如何跳转到tabbar页面
    使用wx.switchTab跳转至tabbar的某一页面wx.switchTab({url: '../b/b'});如页面不带tab,使用wx.navigateTo跳转至tabbar页面wx.navigateTo({url:...
    99+
    2022-10-04
  • 怎么从小程序跳到H5页面
    怎么从小程序跳到H5页面,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。微信小程序:虽然开发方法类似网页,但实际上是一种只能运行在微信自己开发的浏览器中的特殊网页,它所能够使...
    99+
    2023-06-26
  • h5页面如何跳到小程序支付页面
    在h5页面中调用小程序支付页面的方法H5页面代码<body ><div class="container"><button onclick="testPay()">...
    99+
    2022-10-15
  • 公众号如何跳转到小程序页面
    公众号设置跳转小程序页面的步骤:进入公众号后台,进入小程序管理;在小程序管理中,填写小程序的跳转路径,使其与小程序关联;最后,在公众号平台编辑文章中插入小程序,填写跳转路径即可;...
    99+
    2022-10-17
  • 微信小程序页面如何跳回主页
    微信小程序页面跳回主页的方法:微信小程序页面跳转是通过navigator来实现的,而navigator是通过它的属性open-type的合法值,因此在wxml页面中设置open-type的合法值来选择跳转方式。<navigator&n...
    99+
    2022-10-25
  • 如何从微信卡包跳转到小程序
    这篇文章给大家分享的是有关如何从微信卡包跳转到小程序的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。微信卡包跳转小程序先梳理小程序生命周期**小程序生命周期onLaunch 生命周期函数--监听小程序初始...
    99+
    2023-06-22
  • 小程序如何实现页面跳转
    本篇内容主要讲解“小程序如何实现页面跳转”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序如何实现页面跳转”吧!  1.保留当前页面,跳转到应用内另一个页面:wx.navigateTo({ u...
    99+
    2023-06-26
  • uniapp实现小程序页面转发和分享到朋友圈
    借助uniapp中页面生命周期钩子onShareAppMessage(OBJECT)用户点击右上角分享 在 js 中定义 onShareAppMessage 处理函数(和 onLoad 等生命周期函数...
    99+
    2023-09-25
    小程序 uni-app 微信小程序
  • 从H5页面跳转到小程序的实现方案有哪些
    本篇内容主要讲解“从H5页面跳转到小程序的实现方案有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“从H5页面跳转到小程序的实现方案有哪些”吧!实现方案实现H5跳转小程序的方案目前有多种,可以...
    99+
    2023-06-28
  • 微信小程序如何加载分包页面
    小程序分包加载实例{"pages": ["pages/index", "pages/shopcart"],"subpackages":&nb...
    99+
    2022-10-15
  • 微信小程序如何从列表item项跳转到下一个页面
    这篇文章主要为大家展示了“微信小程序如何从列表item项跳转到下一个页面”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序如何从列表item项跳转到下一个...
    99+
    2022-10-19
  • JavaFx实现登录成功跳转到程序主页面
    本文实例为大家分享了JavaFx实现登录成功跳转到程序主页面的具体代码,供大家参考,具体内容如下 1、需求 登录页面在输入账号密码之后,验证账号密码时候正确,正确就跳转到应用程序的首...
    99+
    2022-11-13
  • JavaFx如何实现登录成功跳转到程序主页面
    今天小编给大家分享一下JavaFx如何实现登录成功跳转到程序主页面的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1、需求登录...
    99+
    2023-07-02
  • 微信小程序如何在页面跳转时进行页面导航
    目录1.声明式导航2.编程式导航3.导航传参总结1. 什么是页面导航 页面导航指的是页面之间的相互跳转。例如,浏览器中实现页面导航的方式有如下两种: ① a链接 ② location...
    99+
    2022-11-13
  • 小程序怎么实现分享页面返回首页跳转
    本文小编为大家详细介绍“小程序怎么实现分享页面返回首页跳转”,内容详细,步骤清晰,细节处理妥当,希望这篇“小程序怎么实现分享页面返回首页跳转”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。  做小程序开发发现,页面...
    99+
    2023-06-26
  • 小程序如何实现保留当前页面跳转到应用内的某个页面
    本文将为大家详细介绍“小程序如何实现保留当前页面跳转到应用内的某个页面”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“小程序如何实现保留当前页面跳转到应用内的某个页面”能够给你意想不到的收获,请大家跟着小编的思...
    99+
    2023-06-26
  • 如何进行微信小程序的页面跳转
    本篇文章为大家展示了如何进行微信小程序的页面跳转,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。我们将创建第二个视图,然后实现从第一个视图到第二个视图的跳转。首先开发第二个视图:微信小程序开发系列七:...
    99+
    2023-06-05
  • 微信小程序中如何携带参数跳转到tabBar页面
    在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种   但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通 那么就只能用第二种方...
    99+
    2023-09-07
    微信小程序 小程序 前端
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作