叨叨两句
昨天爬了一下午坑才出来的我向大家问好??，要说小程序基础库都1.9了，但是坑还是很多。一方面是由于小程序的文档不是太友好，也许某个地方告诉你了，但是不是那么 容易发现。另一方面，微信大佬手握9亿多用户，觉得不好用？那你爱用不用。。。今天就说说昨天爬的这个坑——
属性
/*网页代码*///在页面内引入JSSDK1.32<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script> ????wx.miniProgram.postMessage({ msg: ‘我是网页‘ })</script>/*小程序代码*///wxml<web-view src="https://mp.weixin.qq.com/" bindmessage="msgHandler"></web-view>//jsPage({ ???... ???msgHandler(e){ ???????console.log(e.detail.data) //我是网页，获取到来自也页面的数据 ???}})避坑指南
接下来就要好好说说我前面碰到的那个坑了，
<web-view src="https://localhost?phone={{phone}}"></web-view>//jsPage({ ???data:{ ???????phone: ‘82901001010‘ ???}})这样做，安卓手机有很大概率获取不到传过去的电话号码，因为网页加载时路径可能是这样的https://localhost?phone=,导致网页中不能通过解析url得到电话号码。
正确做法是在js中完成字符串的拼接，然后调用setData方法：
//wxml<web-view src="{{url}}"></web-view>//jsPage({ ???data:{ ???????url: ‘‘ ????} ???... ???onLoad(options){ ??????????let phone = options.phone;//获取到小程序其他页面传来的电话号码； ??????????let url = `http://localhost?phone=${phone}`; ??????????this.setData({url : url}) ????????????}})导航相关接口
有时我们在页面内完成一定动作后，需要引导小程序跳转到其他页面，这时就需要在页面内调用这些接口(引入JSSDK1.3.2)。这些接口作为方法被放在在wx.miniprogram下面。参考官方文档