zoukankan      html  css  js  c++  java
  • js微信禁用右上角的分享按钮,和vue中微信页面禁用右上角的分享按钮的问题

    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

  • 相关阅读:
    sqlalchemy
    nginx配置文件,做多个项目代理
    pyspider
    Mysql原理+ 多实例 +表损坏
    Spring 学习-AOP
    java 基础 --- 动态代理和静态代理
    Spring 学习-IoC
    [转]字符编码笔记:ASCII,Unicode 和 UTF-8
    JVM(五) class类文件的结构
    数据结构(四)--- 红黑树(RedBlock-Tree)
  • 原文地址:https://www.cnblogs.com/wxy0126/p/11820107.html
Copyright © 2011-2022 走看看