最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

React Js 微信禁止復(fù)制鏈接分享禁止隱藏右上角菜單功能

 更新時間:2017年05月26日 09:12:16   作者:wyk304443164  
這篇文章主要介紹了React Js 微信禁止復(fù)制鏈接,分享,禁止隱藏右上角菜單的解決代碼,需要的朋友可以參考下

廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:

/**
 * Created by wuyakun on 2017/5/23.
 */let wxUtils = {};
/**
 * 是否開啟右上角Menu
 * @param open
 */
wxUtils.optionMenu = function (open = true) {
 if (open) {
  openOptionMenu();
 } else {
  disabledOptionMenu();
 }
};
/**
 * 是否禁用右上角
 */
function disabledOptionMenu() {
 if (typeof WeixinJSBridge === "undefined") {
  if (document.addEventListener) {
   document.addEventListener('WeixinJSBridgeReady', onBridgeReady(true), false);
  } else if (document.attachEvent) {
   document.attachEvent('WeixinJSBridgeReady', onBridgeReady(true));
   document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(true));
  }
 } else {
  onBridgeReady(true);
 }
}
/**
 * 開啟menu
 */
function openOptionMenu() {
 if (typeof WeixinJSBridge === "undefined") {
  if (document.addEventListener) {
   document.addEventListener('WeixinJSBridgeReady', onBridgeReady(false), false);
  } else if (document.attachEvent) {
   document.attachEvent('WeixinJSBridgeReady', onBridgeReady(false));
   document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(false));
  }
 } else {
  onBridgeReady(false);
 }
}
function onBridgeReady(disable = true) {
 if (typeof WeixinJSBridge !== "undefined") WeixinJSBridge.call(disable ? 'hideOptionMenu' : 'showOptionMenu');
}
/**
 * 隱藏微信網(wǎng)頁底部的導航欄
 * @param disable
 */
wxUtils.disabledToolbar = function (disable = true) {
 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  // 通過下面這個API隱藏底部導航欄
  WeixinJSBridge.call(disable ? 'hideToolbar' : 'showToolbar');
 });
};
/**
 * 獲取網(wǎng)絡(luò)類型
 */
wxUtils.getNetworkType = function () {
 //network_type:wifi wifi網(wǎng)絡(luò) 2 network_type:edge 非wifi,包含3G/2G 3 network_type:fail 網(wǎng)絡(luò)斷開連接 4 network_type:wwan 2g或者3g
 WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
  // 在這里拿到e.err_msg,這里面就包含了所有的網(wǎng)絡(luò)類型
  return e;
 });
};
export default wxUtils;

用法很簡單:

export default class BaseComponent extends React.Component {
 componentDidMount() {
  try {
   //如果存在location說明是路由Component
   if (this.props.location) {
    // 全部禁用分享,想要分享自己開
    wxUtils.optionMenu(false);
   }
  } catch (e) {
   // console.log(e);
  }
 }
}

我寫在了Base里面,主要是wxUtils.optionMenu(false);這一句

相關(guān)文章

  • react中路由跳轉(zhuǎn)及傳參的實現(xiàn)

    react中路由跳轉(zhuǎn)及傳參的實現(xiàn)

    本文主要介紹了react中路由跳轉(zhuǎn)及傳參的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-05-05
  • React 組件通信的多種方式與最佳實踐

    React 組件通信的多種方式與最佳實踐

    在現(xiàn)代前端開發(fā)中,組件化是 React 的核心理念之一,組件之間的通信是構(gòu)建復(fù)雜應(yīng)用的重要組成部分,在這篇文章中,我們將深入探討 React 組件通信的多種方式,包括它們的優(yōu)缺點、使用場景以及最佳實踐,需要的朋友可以參考下
    2024-11-11
  • Can't?perform?a?React?state?update?on?an?unmounted?component報錯解決

    Can't?perform?a?React?state?update?on?an?unmoun

    這篇文章主要為大家介紹了Can't?perform?a?React?state?update?on?an?unmounted?component報錯解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • 詳解在React中跨組件分發(fā)狀態(tài)的三種方法

    詳解在React中跨組件分發(fā)狀態(tài)的三種方法

    這篇文章主要介紹了詳解在React中跨組件分發(fā)狀態(tài)的三種方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08
  • React Class組件生命周期及執(zhí)行順序

    React Class組件生命周期及執(zhí)行順序

    這篇文章主要介紹了React Class組件生命周期,包括react組件的兩種定義方式和class組件不同階段生命周期函數(shù)執(zhí)行順序,本文給大家介紹的非常詳細,需要的朋友可以參考下
    2021-08-08
  • React中井字棋游戲的實現(xiàn)示例

    React中井字棋游戲的實現(xiàn)示例

    本文主要介紹了React中井字棋游戲的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-08-08
  • 在?React?中使用?Context?API?實現(xiàn)跨組件通信的方法

    在?React?中使用?Context?API?實現(xiàn)跨組件通信的方法

    在React中,ContextAPI是一個很有用的特性,可用于組件間的狀態(tài)共享,它允許跨組件傳遞數(shù)據(jù)而無需通過每個組件手動傳遞props,本文給大家介紹在?React?中如何使用?Context?API?來實現(xiàn)跨組件的通信,感興趣的朋友一起看看吧
    2024-09-09
  • React?Context用法小結(jié)(附完整代碼)

    React?Context用法小結(jié)(附完整代碼)

    這篇文章主要介紹了React?Context用法小結(jié)(附完整代碼),Context提供了一種新的組件之間共享數(shù)據(jù)的方式,允許數(shù)據(jù)隔代傳遞,而不必顯式的通過組件樹逐層傳遞props,本文通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-04-04
  • React?中使用?Redux?的?4?種寫法小結(jié)

    React?中使用?Redux?的?4?種寫法小結(jié)

    這篇文章主要介紹了在?React?中使用?Redux?的?4?種寫法,Redux 一般來說并不是必須的,只有在項目比較復(fù)雜的時候,比如多個分散在不同地方的組件使用同一個狀態(tài),本文就React使用?Redux的相關(guān)知識給大家介紹的非常詳細,需要的朋友參考下吧
    2022-06-06
  • React純前端模擬實現(xiàn)登錄鑒權(quán)

    React純前端模擬實現(xiàn)登錄鑒權(quán)

    這篇文章主要為大家詳細介紹了React純前端模擬實現(xiàn)登錄鑒權(quán)的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-04-04

最新評論

海盐县| 边坝县| 黑龙江省| 四平市| 沅陵县| 米林县| 舒兰市| 松原市| 安丘市| 安陆市| 阳东县| 阳西县| 麻城市| 内黄县| 龙游县| 东乌珠穆沁旗| 丹江口市| 延寿县| 环江| 天津市| 乐清市| 无为县| 辽源市| 滦南县| 平顺县| 和平区| 黄龙县| 井研县| 龙井市| 蓝田县| 会泽县| 诸城市| 哈巴河县| 京山县| 民勤县| 广东省| 门源| 太湖县| 北京市| 德江县| 阿拉尔市|