Javascript 从后台脚本获取数据到popup.html

我正在尝试从background.js获取当前选项卡url，并将其呈现到popup.html上。我该怎么做呢？我正在使用Vuejs框架创建一个插件

我尝试将数据作为消息从background.js发送到popup。但是onClicked事件不允许在弹出窗口上运行它

---

---

我希望在弹出插件中有当前打开选项卡的url，我打算用它做其他事情。

我认为您可以将数据保存到背景中的

chrome.storage.local

，并使用

chrome.storage.onChanged

事件在弹出窗口中检测此事实。

我认为您可以将数据保存到背景中的

chrome.storage.local

，并在您可以使用

chrome.storage.onChanged

事件弹出窗口。

您可以使用vanilla JS code:window.location.hreft获取当前选项卡，如图所示使用chrome.tabs.query。我想将数据从my background.JS获取到vuex存储中。然后从我的vuex存储中，将该url呈现到我的popup.html中。Vue cli store在用作插件时不存储任何内容，因此我对相同的代码结构感到非常困惑。您可以使用vanilla JS code:window.location.hrefTo获取当前选项卡，使用chrome.tabs.query，如图所示。我想将数据从my background.JS获取到vuex store。然后从我的vuex store，将该url呈现到my popup.html中。作为插件使用时，Vue cli存储区不存储任何内容，因此我对相同的代码结构感到非常困惑。@MohitKamal您尝试过吗？有没有办法将Vue存储区合并到chrome扩展中，或者我只需要显式使用chrome.storage api？我的基本Vuejs应用程序使用我想在chrome扩展中使用的基本存储。是否要创建“chrome扩展”？是的。我正在使用Vuejs创建一个chrome插件，我想在其中获取当前选项卡的url，在popup.html中，有一个按钮使用该url进行api调用。您是否获取了当前选项卡并在vue中保存状态？@MohitKamal您尝试过吗？是否有办法将vue存储合并到chrome扩展中，或者我是否只需要使用chrome.storage api？我的基本Vuejs应用程序使用我想在chrome扩展中使用的基本存储。是否要创建“chrome扩展”？是的。我正在使用Vuejs创建一个chrome插件，我想在其中获取当前选项卡的url，在popup.html中，有一个按钮使用该url进行api调用。您是否获取了当前选项卡并在vue中以状态保存？