从一个微信小程序跳转到另一个微信小程序源码

假设你要从小程序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"
	  ]

你可能感兴趣的:(微信小程序,小程序跳转,mpvue)