vue项目H5在微信环境下禁用分享功能

秒速五厘米 2022-12-14 15:56 19阅读 0赞

微信环境下禁用分享的代码如下

if(isWeixin()){ // 微信环境下禁用分享
          document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 通过下面这个API隐藏右上角按钮
            WeixinJSBridge.call('hideOptionMenu');
          });
        }

utils中添加判断是否是微信环境

export function isWeixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        };

禁用分享前，点击右上角的 三个点 如下图弹框  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]

禁用微信分享后，点击右上角的三个点 如下图所示

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/14a7e2c43f1e4b17abbe53100992b66e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/efbe6a05aef14e6681d3142ce99cdf0c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关微信h5界面隐藏分享按钮

种方法 1: 加一段js代码 <script type="text/javascript"> document.addEventListener('Weixi...

本是古典何须时尚/ 2024年04月18日 11:45/ 0 赞/ 88 阅读

相关 Vue 实现微信分享功能

Vue.js 是一种流行的 JavaScript 框架，它可以帮助我们构建交互式的用户界面。本文将介绍如何使用 Vue 实现分享内容到微信的功能。我们将使用 Vue 的组件和一

深藏阁楼爱情的钟/ 2024年03月02日 09:10/ 0 赞/ 67 阅读

相关 ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决

ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决问题：首次在微信端打开项目时，禁用微信分享成功，由于业务需要，会跳转到其他项目，从其他项目再跳回项目会禁用微信

约定不等于承诺〃/ 2022年12月15日 03:59/ 0 赞/ 198 阅读

相关 vue项目H5在微信环境下禁用分享功能

微信环境下禁用分享的代码如下 if(isWeixin()){ // 微信环境下禁用分享 document.addEventListener('We

秒速五厘米/ 2022年12月14日 15:56/ 0 赞/ 20 阅读

相关 vue-h5项目调用微信的相机相册功能

vue-h5项目调用微信的相机相册功能微信的官网网址为:https://developers.weixin.qq.com/doc/offiaccount/OA\_Web\_

红太狼/ 2022年12月08日 04:21/ 0 赞/ 710 阅读

相关 uniapp h5微信分享

安装微信sdk npm install jweixin-module --save var jweixin = require('jweixin-modul

落日映苍穹つ/ 2022年09月11日 11:19/ 0 赞/ 317 阅读

相关微信h5页面分享实现

官方适配问题反馈地址发送邮件到 wx\_wkwebview@qq.com 。请提供详细问题说明，强烈建议附上问题页面的链接，并告知如何复现你们的问题。 js需求

小灰灰/ 2022年05月27日 09:10/ 0 赞/ 304 阅读

相关【uniapp】实现H5微信分享

效果图 ![20190809101658836.png][] 下面是微信文档介绍后台开发参考官方文档：[https://mp.weixin.qq.com/wi

缺乏、安全感/ 2021年11月05日 20:04/ 0 赞/ 1169 阅读

相关 h5+微信分享

// 页面初始化预处理 var shares = null; var sweixin = null; var buttons = [{

女爷i/ 2021年09月17日 15:36/ 0 赞/ 549 阅读

相关微信H5页面ios分享失效

最近开发一个微信H5页面，需要添加分享。 ios分享出去就描述变链接，缩略图也变连接，但android一切正常。在Android上面微信分享一切正常，但是在iOS上

水深无声/ 2021年09月16日 07:36/ 0 赞/ 829 阅读