问题标签 [polymer-3.x]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
826 浏览

polymer - Polymer 3.0 中的去抖器

如何在 Polymer 3 中正确编写去抖动器?

根据文档

这很好,但我需要配置一些时间。例如,这就是我在 Polymer 1 中的做法

和聚合物 2

但我不知道如何在 Polymer 3 中设置 400ms 去抖动

0 投票
2 回答
519 浏览

polymer - 如何在聚合物 3 组件中实现 lit-html 而不是 juicy-html?

我正在将应用程序从聚合物 1 转换为聚合物 3。我使用了 juicy-html,但它们尚未更新到 Polymer 3,我看到有 lit-html。我想知道如何将此代码段更改为使用 lit-html。它用于扩展字符串,例如:'Hello <span class="highlight">world</span>!'

这是我的聚合物 1 组件中的代码片段。

我需要为内部 div 实现一个新组件吗?有没有我可以看的例子?

这是生成的 Polymer 3 元素,用于在字符串中显示突出显示的文本:

从'@polymer/lit-element/lit-element.js'导入{html,LitElement};

0 投票
1 回答
2325 浏览

javascript - How to import the d3.js v5 module into a polymer 3 element?

I have created polymer 1.x custom elements using d3 v3 before. I want to update them to polymer 3 and d3 v5.

Here is a base polymer 3 element that I want to include d3 v5 into:

I call npm install d3

How shall I import d3 into this PolymerElement? I have two different types of polymer elements using d3. I have done both force and hierarchy polymer elements.

I am figuring that I need to do something in the constructor() or ready() functions within the polymer element to utilize the d3 library.

I was trying the following import:

0 投票
1 回答
84 浏览

polymer - 如何在 Polymer 2/3 中使用基于模板的元素?

某些元素,例如iron-list,需要template元素作为子元素。但是,Polymer 3 去template除了它的内容

这些看似矛盾的原则应该如何协同工作?请参阅 jsbin 示例 @ https://www.webcomponents.org/element/@polymer/iron-list(由于嵌套模板为空,它们不起作用)。

preserve-content导致缺少绑定能力,因此这不是可行的解决方案。template无论如何,这种剥离的原因是什么?(文档只是说“更好的性能”。)

0 投票
3 回答
429 浏览

javascript - Google 代码美化代码突出显示不适用于 Polymer 3

如何在 Polymer 3 中使用 Google 代码美化?

语法突出显示不起作用。下面的示例代码:

我在https://stackblitz.com/edit/polymer-element-example-d7n14q添加了一个工作示例,其中也可以编辑和运行代码。

0 投票
1 回答
41 浏览

html - Webapp 布局取决于设备

嗨,我是编程新手,我正在尝试使用 Polymer3 构建一个渐进式 Web 应用程序,我想在桌面中打开它时以特定布局显示 Web 应用程序,并且我想以不同方式显示 Web 应用程序我在移动设备中使用它。我不知道我该怎么做,有人可以把我送到正确的方向,这样我就可以解除封锁吗?

任何帮助都非常感谢。

0 投票
1 回答
1080 浏览

jquery - 如何查询选择另一个 Lit-Element 中的 Lit-Element

显示 child1(x-counter)、child2(child2-app) 元素的父元素(x-app 标签),每当 child1 发生任何变化时,我也想将其更新为 child2。因此,在父级中,我尝试使用 querySelect 获取子级 2 的属性,但我得到的是空值。

准备好(){ super.ready();

}

静态获取模板(){

}

0 投票
1 回答
884 浏览

jquery - Litelement querySelector 为 Null

我有一个呈现子标签 counter.js 的父文件 index.js。每当子项中的属性发生更改时,都会触发一个事件,并且父项会监听它。为此,我必须在 index.html 中渲染两个标签,否则 index.js 无法侦听 querySelector 获取 Null 值。我想避免在 index.html 中使用 x-counter 标签。请查看以下链接中的文件: https ://stackblitz.com/edit/js-fxhcp8

这是我的3个文件:

0 投票
0 回答
142 浏览

polymer - 聚合物 3 CORS 与 Iron-ajax

我正在尝试使用iron-ajax拨打电话,如下所示:

但我收到以下错误: 请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“ http://localhost:8081 ”

我看到这已经在旧版本的 Polymer 上解决了,但是那里使用的byutv-jsonp库现在已经过时了。知道如何用 Polymer 3.0 解决这个问题吗?

0 投票
2 回答
187 浏览

firebase - “未捕获的 TypeError:无法读取属性‘push’ of null”,使用 Polymer 3 和 polymerfire3

我正在使用 Polymer 3 和 polymerfire3 进行项目。现在我已经能够成功使用 firebase-auth 元素。但是现在我正在尝试使用 firebase-query 元素,我在控制台上得到了这个Uncaught TypeError: Cannot read property 'push' of null

这是我的代码

它与polymerfire3 元素有关吗?