微信小程序接入H5页面备忘

liren123.cn

1.微信小程序设置

index.wxml

<view class="container">

<web-view src="{ {webUrl}}" bindmessage="msgHandler"></web-view>   //通过web-view绑定现有的H5网站页面

</view>

index.js

msgHandler: function (e) { //(h5像小程序传递参数）

    console.log(e.detail.data) //获取到来自也页面的数据

    var info = (e.detail.data)[e.detail.data.length-1]

    this.setData({

      value: info.value   

    });

    //console.log('msgHandler:value: info.value:' + this.data.value)

    this.setData({

      title: info.title

    });

    //console.log('msgHandler:value: info.title:' + this.data.title)

  },

onLoad: function (options){

    var w