首页 > 其他分享 >[FAQ] Quasar BEX Bridge 通信方式 this.$q.bex 未定义的问题

[FAQ] Quasar BEX Bridge 通信方式 this.$q.bex 未定义的问题

时间:2022-09-25 16:57:44浏览次数:60  
标签:Bridge 未定义 quasar BEX dev bex Quasar

Bridge 是一个基于 Promise 的事件系统,在BEX的所有部分之间共享,允许在你的Quasar App中监听事件,从其它部分发出它们。

你可以使用 $q.bex 从你的 Quasar App中访问 Bridge。

在其他位置,Bridge 可以通过各自钩子文件中的 Bridge 参数来实现。

 

如果我们用 `quasar dev` 命令启动 Quasar App 的时候,在方法里输出 this.$q 会发现里面并没有 bex 这个对象。

那是因为使用 `quasar dev` 启动的是 SPA 应用,而不是 BEX 应用。

 

首先我们应使用 `quasar dev -m bex` 启动扩展开发,浏览器把扩展加载进来。

(前提是已经用 `quasar mode add bex` 生成 src-bex 目录)

然后点击扩展图标,此时打开的应用才是浏览器扩展界面(chrome-extension://xxxxxxx),里面才有 this.$q.bex 对象。

 

Ref:Quasar 系列文章

Ref:Quasar Bex Bridge

Ref:https://quasar.dev/quasar-cli-webpack/developing-browser-extensions/bex-communication

Link:https://www.cnblogs.com/farwish/p/16728151.html

标签:Bridge,未定义,quasar,BEX,dev,bex,Quasar
From: https://www.cnblogs.com/farwish/p/16728151.html

相关文章

  • 桥模式 Bridge
    “单一职责”模式:在软件组件的设计中,如果责任划分的不清晰,使用继承得到的结果往往是随着需求的变化,子类急剧膨胀,同时充斥着重复代码,这时候的关键是划清责任。典型模式......
  • CSharp: Bridge Patterns
     ///<summary>///SummarydescriptionforVisList.///20220918///geovindu,GeovinDu,涂聚文///BridgePatterns桥接///</summary......
  • java: Bridge Patterns
     /***版权所有2022涂聚文有限公司*许可信息查看:*描述:*桥梁模式BridgePatterns*历史版本:JDK14.02*2022-09-12创建者geovindu*2022-09-12......
  • IOS下无法获取到WebViewJavascriptBridge的问题排查
    问题描述在安卓下正常获取到WebViewJavascriptBridge,在IOS下一直无法获取到WebViewJavascriptBridge官网的示例如下:接手项目时已有的桥接代码:可以发现src不同,一个......
  • "errMsg": "uploadFile:fail undefined" 手机端上传头像提示uploadFile未定义
    <template> <view> <viewstyle="display:flex;"> <viewclass="form-left"> 照片 </view> <viewstyle="margin-left:6px;"> <view......
  • Bridge 2022 for Mac(br 2022文件管理软件)中文版
    Bridge2021forMac是一款组织工具应用,从AdobeBridge2021中可以查看、搜索、排序、管理和处理图像文件,还可以使用AdobeBridge2021mac中文版来创建新文件夹、对......
  • Adobe Bridge 2022(Br2022)mac/win
    AdobeBridge 是AdobeCreativeSuite的控制中心。您使用它来组织、浏览和寻找所需资源,用于创建供印刷、网站和移动设备使用的内容。AdobeBridge使您可以方便地访问本......
  • Adobe Bridge 2022 for mac(br2022)资源管理软件
    Bridge2022mac版更新了,这是一款Adobe系列的资源管理软件,它拥有强大的媒体集中资产访问功能:可以查看、搜索、排序、管理和处理图像文件。软件可以使用高级过滤器、集合和......