我试图在web扩展中使用共享的vue.js状态。
状态存储在后台脚本的DOM中,并呈现在弹出页面中。
首次尝试
我的第一次尝试是使用一个没有vuex的简单商店:
background.js
var store = {
count: 0
};
popup.js
browser.runtime.getBackgroundPage().then(bg => {
var store = bg.store;
var vue = new Vue({
el: '#app',
data: {
state: st
我试着复制粘贴错误,并找到了一个资源,但实际上我无法理解它是什么。我被弹出的问题困住了,帮我解决吧。我正在附加代码片段以及控制台日志中弹出的错误。
片段:
for (var i=0; i<quakePoints.length; i++) {
var lon = quakePoints[i][1];
var lat = quakePoints[i][0];
var popupText = quakePoints[i][2];
var markerLocation = new L.LatLng(lat, lon);
我成功地为一个可点击的链接元素定义了一个弹出:
要素:
`<a href="{{URL::to('alerts')}}" data-tcs="#popup-1">Alerts Page</a>`
触发我弹出的脚本(注意注释行!)
$('[data-tcs]')
.popup({
// (default as in example provided on the S-UI, works well)
// popup : $('#popup-1'),
// (attempt 1, doesn&
我的网站包含带有HTML代码的引导弹出窗口。这样的弹出窗口看起来像这样(而不是弹出的HTML,为了可读性,我放了一个占位符): <mark data-content="Fancy HTML here" data-html="true" data-toggle="popover">
This mark has a popover
</mark> 在data-content中插入真正的超文本标记语言会带来正确转义引号的问题。我找到了这个问题,看起来和这个问题完全一样:How do I encode html for
我目前使用以下对象来映射一些JSON数据:
function Regions() {
var self = this;
self.regions = ko.observableArray([]);
self.addRegion = function () {
// add a region
};
self.removeRegion = function (region) {
// remove a region
};
}
function Region() {
var self = this;
我特别想问的是Foundation for Apps。到目前为止,如果我在使用CommonJS代码或在我正在编写的应用程序的上下文中工作,那么Webpack已经很棒了,但是我正在努力引入Foundation for Apps,它包含了自己的HTML模板、SVG图标、JavaScript和SCSS。
我已经通过要求连接的源代码(这不是理想的,但它是有效的)包括了FfA的JavaScript。我还可以以一种更干净的方式包含SCSS,因为Webpack的sass加载器似乎知道如何处理@import语句。
关键问题出现在FfA的源代码(Angular)从一个不存在的路径请求HTML时,后Webpack