js微信禁用右上角的分享按钮，，和vue中微信页面禁用右上角的分享按钮的问题

2024-04-13 02:52:42

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);

});

详情来自https://blog.csdn.net/liubin9043/article/details/78912831

`以上是在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>

这样在安卓和ios上都可以了，

祝工作顺利，身体健康

js微信禁用右上角的分享按钮，，和vue中微信页面禁用右上角的分享按钮的问题相关推荐

vue中微信分享总结
在最近的项目中做了微信的分享功能,遇见了一些问题,总结一下方便以后参考查阅(这个项目中运用了TS). 引入sdk npm install weixin-js-sdk --save-dev 通过requ ...
【vue/uni-app】微信sdk分享功能在vue中开发中的一些个人纪录
在vue开发微信sdk分享功能中的一些个人纪录先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 我这里用的是 ...
vue中微信分享的踩坑之旅
最近基于vue做一个h5的项目,里面涉及到微信分享,当时心里想着,这微信分享不是分分钟的事嘛,而且自己年初还做个一个项目,也实现了微信自定义分享,代码都是现成的,妥妥的放心. 上周二上午花了1个小时, ...
Vue中实现页面上点击按钮下载文件(exe)
场景若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面搭建起来的Vue前端项目中 ...
禁用计算机服务LanmanServer,[如何]在Windows 10中启用或禁用SMB协议 | MOS86
服务器消息块(SMB)协议基本上是Windows中存在的文件共享协议.它允许应用程序读取/写入文件,并敦促服务器管理器为网络连接的计算机提供服务请求.此协议有三个版本,SMB版本1(SMBv1),SM ...
three.js使用飞行控件FlyControls控制相机(vue中使用three.js63)
使用飞行控件FlyControls控制相机 1.demo效果 2.FlyControls介绍 3. 实现要点 3.1 vue中引入FlyControls控制器 3.2 创建飞行控件实例 3.3 ren ...
Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)
场景 speak-tts插件 speak-tts - npm 实现点击按钮触发语音播报,播报指定的文字内容. 为什么不能实现自动语音播报. chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音 ...
怎么把图像做成按钮html,html中如何实现使用图像来代替提交按钮的示例
1. 用图像代替提交按钮当只有一个提交按钮的时候 ,可以简单的实现,不用添加事件函数,代码是: 除了标签改为input type = "image"以外,其他的属性和标签的属性是 ...
JS事件冒泡机制以及委托方法,以及vue中的stop
要理解事件冒泡机制,就得先了解事件. 浏览器是事件驱动型的,根据用户的行为触发不同的事件,根据事件执行相应的操作.我们较为熟悉的事件有三大类型:鼠标键盘事件.页面事件.表单相关事件. 鼠标键盘事件:o ...

最新文章

热门文章