加入收藏 | 设为首页 | 会员中心 | 我要投稿 拼字网 - 核心网 (https://www.hexinwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

小程序间的跳转怎样做?教你两种方法

发布时间:2022-01-07 11:35:41 所属栏目:语言 来源:互联网
导读:小程序间的跳转怎样做?我们知道小程序之间是可以实现互相跳转的,这样好处就是现实流量的循环。那么接下来就给大家分享一下实现小程序间的跳转的两种方式,感兴趣的朋友可以了解看看。 方式1-使用 API 方式跳转 如下示例代码所示 view class=container view
 小程序间的跳转怎样做?我们知道小程序之间是可以实现互相跳转的,这样好处就是现实流量的循环。那么接下来就给大家分享一下实现小程序间的跳转的两种方式,感兴趣的朋友可以了解看看。
 
方式1-使用 API 方式跳转
 
如下示例代码所示
 
<<view class="container">
 <view bindtap="onJumpMin">打开跳转到其他小程序方式1</view>
</view>
如下是逻辑代码
 
onJumpMin() {
  wx.navigateToMiniProgram({
   appId: 'wx9fbad659d526c9bc', // 需要跳转到指定的小程序appid
   path: 'pages/home/home',   // 打开的页面
   envVersion: 'release',
   success(res) {
    // 打开成功
    console.log(res);
   }
  })
 }
使用小程序跳转的 API 就上面几行代码
 
方式2-使用标签方式跳转
 
如下是wxml代码
 
<view>
 <navigator
  target="miniProgram"
  open-type="navigate"
  app-id="wx66d9cf3762c49a1a"
  path="pages/index/index"
  version="release"
  >打开绑定的小程序</navigator
 >
</view>
使用标签的方式跳转,非常简单,只需要在wxml中使用target,open-type,app-id,path,指定相应的参数就可以实现跳转了的
 
提示
 
在模拟器中无法实现跳转,请用真机扫码预览测试
无需声明跳转名单,不限跳转数量(众测中)
从 2020 年 4 月 24 日起,使用跳转其他小程序功能将无需在全局配置中声明跳转名单,调用此接口时将不再校验所跳转的 AppID 是否在 navigateToMiniProgramAppIdList 中。
 
从 2020 年 4 月 24 日起,跳转其他小程序将不再受数量限制,使用此功能时请注意遵守运营规范。
 
在老版本小程序中,是需要在app.json全局配置中设置白名单,如下所示
 
"navigateToMiniProgramAppIdList": [
  "wx9fbad659d526c9bc",
  "wx66d9cf3762c49a1a"
 ],

(编辑:拼字网 - 核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!