微信小程序实现wxml视图向js传递参数的方法（点击view带参数进入js）

一：url带参数传递

与前端语言一样手模，小程序页毕滚缓面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。

index.wxml:

效果图：

二：将值存入全局变量

我们同样可以将需要的值存入全局变量中，在需要的地方直接引用就好了。

需要用到全局变量时记得要先获取应用备坦实例： const app = getApp()

**三， 用event传值

JS文件

wx.navigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  ：wx.navigateToMiniProgram 

他的参数们

参数名        是否芹握告必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面，为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  （基本没啥用）

success       否                 function     成功回调

fail               否                嫌明 function     失败回调

complete     否                 function     结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

目标小程序 可以在app.js中接收起步小程序带过来的参数，官方文档给的是app.onLaunch和app.onshow都能接到参数，但是我的onLaunch不能打印出来，可能我的小皮樱程序是个傻的小程序。（ 注意千万是在app.js中，而不是目标页面的js文件 ，我就吃了这个亏）

小A序(表演跳转)

小B序(表演接收参数)

关于调试，开发者工具是不能跳转的，不过我们可以真机调试，两个小程序都开始真机调试，在小程序右上角的三个小点点有个打开调试，就能看到log出来的参数了，根据自己习惯吧，展示在页面上也是个好办法。

---