假设你要从小程序A=>B小程序,写在mpvue中的源码如下:
第一步:

   <button class="nav-btn"  @click="skip()">跳到别的小程序</button> 

第二步:

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			skip() {
				wx.navigateToMiniProgram({
					appId: 'B小程序的appId',
					path: 'B小程序首页?id=123',  //例如  pages/home/main?id=123
					extraData: {
						foo: 'bar'
					},
					envVersion: 'develop',
					success(res) {
						// 打开成功
					}
				})
			}
		}
	}
</script>

第三步:App.json配置
当小程序需要使用 wx.navigateToMiniProgram 接口跳转到其他小程序时,需要先在配置文件中声明需要跳转的小程序 appId 列表,最多允许填写 10 个。
App.json里写入如下:

	"navigateToMiniProgramAppIdList": [
	    "B小程序的appId"
	  ]
Logo

前往低代码交流专区

更多推荐