当前位置:   article > 正文

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

uniapp跳转分包页面

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

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

我的页面->详情页 

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

  1. // html部分 其它省略
  2. <u-cell-group :border="false">
  3. <u-cell
  4. v-for="(item02, index02) in pageOtherList"
  5. :key="index02"
  6. :isLink="item02.isLink"
  7. :title="item02.title"
  8. @click="handleClickCell(item02)">
  9. </u-cell>
  10. </u-cell-group>
  11. // data
  12. pageOtherList: [
  13. {
  14. title: '法律法规',
  15. url: "/pages/news-info/news-info?id=1&&title=low",
  16. isLink: true,
  17. border: false
  18. },
  19. {
  20. title: '隐私政策',
  21. url: "/pages/news-info/news-info?id=2&&title=privacy",
  22. isLink: true,
  23. border: false
  24. },
  25. {
  26. title: '关于',
  27. url: "/subPages/pages/news-info/news-info?id=3&&title=about",
  28. isLink: true,
  29. border: false
  30. }]
  31. // 重点是跳转的路径,一定要加上【分包名】,格式如下:
  32. /分包名/页面路径?参数1=&&参数2=
  33. /subPages/pages/news-info/news-info?id=3&&title=about"
  34. ============================================================================
  35. // js部分 其它省略. 点击一行时,执行跳转方法
  36. handleClickCell(item) {
  37. let _this = this
  38. uni.redirectTo({
  39. url: item.url。
  40. })
  41. }

注:

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

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

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

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

接触uniapp不久,大神路过!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/420453
推荐阅读
相关标签
  

闽ICP备14008679号