问题标签 [polymer-2.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 回答
931 浏览

javascript - Polymer 2.0 并将属性传递给子级

我正在通过 Polymer 2.0 使用 Web 组件。

我要编写的最终 HTML 如下所示:

如您所见,我将 size 传递给顶级组件。我打算听听这些卡片的宽度,并减少页眉、正文和页脚的填充,当它们变得更小尺寸时,基本上是响应式元素。

我不知道该怎么做是获取 size 的属性值以传递给card-header,card-bodycard-footerpolymer 声明。

这是我的定义card

这就是我的定义card-header

TL;DR:如何在不使用 Polymer 更新 DOM 中的属性的情况下获取父节点的属性值,或者将值传递给特定的子节点(card-headercard-body或)?card-footer

0 投票
1 回答
534 浏览

polymer - 聚合物2中的点击事件未调用方法

在 Polymer1 中,我使用了

在我的模板中!当我在 Polymer2 组件(ES6 类语法)中使用它时,它不起作用(不调用事件)。

0 投票
2 回答
3116 浏览

css - 如何使用外部样式为自定义 Polymer 元素的内部元素设置样式?

无法使用带有 Polymer 1.x 或 2.x 的 Shadow DOM 设置元素的样式。考虑 Polymer 2.0 中的以下自定义元素:

在演示中:

演示中定义的样式用于和不.button应用于.button.big阴影元素;但是,在 Polymer 1.x 中,如果我们使用 ShadyDOM,则会应用样式:

有没有办法使用外部样式来选择/设置这些内部元素?

下面是我上面所说的按出现顺序的视觉表示:

  1. 使用 Shadow DOM 的 Polymer 1.x
  2. 使用 ShadyDOM 的 Polymer 1.x
  3. 聚合物 2.x

差异

0 投票
1 回答
4933 浏览

polymer - Polymer 2.0 中的去抖器

简单的问题,但没有找到关于该主题的文档:Polymer 2.0 中是否有去抖器?如果是这样,它可以如何使用? this.debounce是 1.0 中的一个实例方法,但它似乎已经消失了。

提前致谢!

0 投票
1 回答
425 浏览

polymer - 通过组件Polymer 2.0之间的Id获取组件

是否可以在兄弟组件中通过 id 获取另一个组件?例子:

目的是当ajax完成时,自动停止进度。组件的最终用户不需要放置 JavaScript 来停止进度。

我已经尝试过但没有成功。

bug的复制: https ://jsbin.com/sadahupixo/edit?html,output

0 投票
1 回答
94 浏览

polymer - core Polymer 2.0 是否支持双向绑定?

我似乎无法让双向绑定与 Polymer 2.0 一起使用。我只使用 Polymer.Element 将事情保持在最低限度。

我定义了一个父组件

fetch 类如下所示:

请注意,我正在尝试我能想到的一切:

我看到 fetch 的结果进入了 fetch 元素的 result 属性,而不是父级。

难道我做错了什么?

0 投票
1 回答
138 浏览

polymer - 与 Polymer [2] 的双向绑定是否仅适用于 Polymer 元素?

我已经定义了一个 Polymer 元素,<xtal-fetch>由于之前对 Stack Overflow 的帮助,它能够通过 Polymer 的双向绑定支持将结果传递给包含的 Polymer 元素。

但我发现它似乎没有将结果传递给本机自定义元素。

源代码在这里,您可以在这里进行测试。

如果我没有遗漏任何东西,这是错误还是功能?

0 投票
1 回答
370 浏览

polymer-2.x - 改变类聚合物 2.0

我开始学习 Polymer 2.0 并且对学习 ES6 很感兴趣。我的问题是在聚合物 2.0 中转换它的方法是什么?我只是在学习英语。这是链接https://www.w3schools.com/jsref/tryit.aspfilename=tryjsref_element_classname

0 投票
3 回答
3734 浏览

polymer - 在 Polymer 2.x 中使用 Polymers 自己的行为

我正在试验 Polymer 2.x,我不明白的是如何在 Polymer 2.x 中使用 Polymers 自己的行为,iron-resizable-behavior例如。

Polymer 2.0 升级指南告诉我们,对于我们自己的组件,我们应该使用类表达式混合。这很好,但是 Polymers 自己的行为呢?它们是否正在被重写为 mixin 或者它们会保持不变?有一种Polymer.mixinBehaviors方法似乎可以让我使用 Polymer 1.x mixins。这是最终解决方案还是中间步骤?

换一种说法:尽管我们被告知要为我们自己的组件使用 mixin,但Polymer 的行为是否被视为Polymer 2.x ?

资料来源:

https://www.polymer-project.org/2.0/docs/upgrade#upgrading-to-class-based-elements

在 Polymer 2 中使用 JS Mixins 应用行为

0 投票
1 回答
277 浏览

polymer - 带有下拉菜单的聚合物应用工具栏

在 Polymer 2 中,我想创建一个带有菜单按钮的应用程序工具栏,单击时会显示一个下拉菜单,类似于经典的桌面应用程序。app-toolbox 似乎是响应式解决方案的一个很好的开始,并且有一些使用简单导航按钮/链接创建工具栏的示例。

我没有找到在工具栏中创建下拉菜单的示例。

我的问题:

我应该使用哪个组件在应用工具栏中显示下拉菜单?也许铁下拉?有什么例子吗?

当在窄屏幕上应用工具栏折叠为单个菜单按钮时,下拉菜单会发生什么情况?菜单按钮显示的抽屉是否允许我显示下拉菜单?