h5微信本地调试 vue_Vue开发Html5微信公众号的步骤

一、调起微信支付

在微信浏览器里面打开H5网页中执行JS调起支付，WeixinJSBridge内置对象在其他浏览器中无效。

(1)大致流程：

(2)调用代码示例：

mounted(){

if (typeof WeixinJSBridge == "undefined") {

if (document.addEventListener) {

document.addEventListener(

"WeixinJSBridgeReady",

this.onBridgeReady,

false

);

} else if (document.attachEvent) {

document.attachEvent(

"WeixinJSBridgeReady",

this.onBridgeReady

);

document.attachEvent(

"onWeixinJSBridgeReady",

this.onBridgeReady

);

}

} else {

this.onBridgeReady();

}

}

methods:{

// 调起微信支付

onBridgeReady() {

const pay_params = this.payInfo; //创建支付返回的