1、隐藏微信网页右上角的按钮
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏右上角按钮
WeixinJSBridge.call('hideOptionMenu');
}); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API显示右上角按钮
WeixinJSBridge.call('showOptionMenu'); });
2、隐藏微信网页底部的导航栏
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏底部导航栏
WeixinJSBridge.call('hideToolbar');
}); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API显示底部导航栏
WeixinJSBridge.call('showToolbar');
});
3、在微信网页中获取用户的网络状态
WeixinJSBridge.invoke('getNetworkType',{},function(e){ // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
alert(e.err_msg);
});
在html中使用没问题,但在vue中使用的话安卓机不生效,不知道为什么所以在vue中用另一种方法
script> import '../assets/js/jweixin/jweixin'; /*引入js*/
export default {
name:"redRain",
data () {
return {
}
},
mounted () {
this.wxpay();
},
methods: {
wxpay(){
var vm= this;
if (typeof WeixinJSBridge == "undefined"){//微信浏览器内置对象。参考微信官方文档
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(), false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady());
document.attachEvent('onWeixinJSBridgeReady',vm.onBridgeReady());
}
}else{
vm.onBridgeReady();
}
},
onBridgeReady:function(){
WeixinJSBridge.call('hideOptionMenu');
},
},
}
</script>
此博客引用于:https://blog.csdn.net/dakache11/article/details/85104579