如何实现小程序与小程序之间的跳转
前言
- 小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢
- 小程序中提供了两种方式实现小程序与小程序之间的跳转
使用标签方式跳转
<view>
<navigator
target="miniProgram"
open-type="navigate"
app-id="wx66d9cf3762c49a1a"
path="pages/index/index"
version="release"
>打开绑定的小程序</navigator
>
</view>
整体代码
<template>
<view>
<view class="container"><view @tap="onJumpMin">打开跳转到其他小程序方式1</view></view>
<view>
<navigator
target="miniProgram"
open-type="navigate"
app-id="wx2ac2313767a99df9"
path="pages/index/index" <!-- 可去掉 -->
version="release"
>
打开绑定的小程序方式2
</navigator>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
onJumpMin() {
wx.navigateToMiniProgram({
appId: 'wx9fbad659d526c9bc', // 需要跳转到指定的小程序appid
path: 'pages/home/home', // 打开的页面 - 可不要
envVersion: 'release',
success(res) {
// 打开成功
console.log(res);
}
})
}
}
};
</script>
更多传参方法
<template>
<view>
<view class="container"><view @tap="onJumpMin(item.id)">打开跳转到其他小程序方式1</view>
</view>
</template>
<script>
export default {
data() {
return {
list2:[
{src:'...',title:'...',id:'wx9fbad659d526c9bc'},
]
};
},
methods: {
onJumpMin(id) {
uni.navigateToMiniProgram({
appId: id, // 需要跳转到指定的小程序appid
envVersion: 'release'
});
}
}
};
</script>
使用标签的方式跳转,非常简单,只需要在wxml中使用target,open-type,app-id,path,指定相应的参数就可以实现跳转了的
查看小程序id
一、移动端查看微信小程序APPID方法
小程序id怎么查看？有两种方式，一种是在手机上，一种是在电脑上，下面是具体的查看方法。
1.首先在微信上打开任意微信小程序的任意页面，点击小程序右上角的【...】分享按钮，再点击小程序名称进入即可。
2.其次进入小程序详情页，点击更多资料，进入即可
3.最后进入小程序后台，第三栏就是微信小程序APPID账号，如图所示：
