问题标签 [lit-element]

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

准备好（）{ super.ready（）;

}

静态获取模板（）{

}

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

这是我的3个文件：

我正在使用lit-element处理自定义元素。我想制作自己的自定义表格元素，但是有一些问题。

第一的。它似乎浏览器允许tr，td标签只table。

第二。它可以用CSS模仿，但CSS不能实现colspan。

第三。我尝试在主机上使用“显示：内容”进行样式设置。这似乎是工作，但主机没有像clientHeight.

我可以覆盖clientHeight和其他东西（offsetHeight，getBoundingClientRect...），但我不知道这是正确的，这是唯一的方法。

有没有其他方法可以创建自定义表，或者我的想法有问题？

我编写了一个 web 应用程序，现在我想使用 JS 打开一个新窗口并在新窗口中插入一些代码。这是我已经尝试过的代码，但没有成功：

但是

没有附加在窗口的主体上。我该怎么做才能在新窗口上附加标签？

谢谢你的帮助！

我已经将聚合物发光元件的更新版本从 0.5.2 更新到 0.6.2 并且绑定不起作用我错了什么？

这是html：

对于旧版本 0.5.2，下面的代码有效

这与 0.6.2 ：

我发现在 0.6.2 版中将函数 _render() 更改为 render() 并且对于属性如果 this.proprerty 中的更改.....但在渲染中 this.feeling 是未定义的....

可以帮我？

我正在使用 LitElement 和 lit-html 进行培训。我正在尝试使用函数和事件侦听器制作复杂的模板。我有一个用于模板模块的模块，另一个用于我使用模板的一个组件。我的按钮模板有问题，我将函数作为参数传递，当我单击按钮时调用该函数。这有效：它进行了调用，但参考this丢失了。我认为一个可能的原因可能是箭头函数，所以我重写了这个函数：

但问题仍然存在。发生了什么？

我正在尝试在我的自定义组件中使用纸质对话框。

我希望能够从组件外部打开对话框。做这个的最好方式是什么？（所有示例都直接在组件上工作）

该对话框还要求我在其上调用“open()”来打开它。

在我发现的示例中，我发现：

但这似乎不适用于 lit-element

我使用shadowRoot让它工作，不确定这是最好的选择：

我向我的元素添加了一个名为“显示”的属性

认为我可以将它从外部传递到我的组件中，但它似乎也没有解决问题（我可以使用自定义元素属性设置一次，但从外部对其进行更改似乎不起作用。

我知道 google-maps 组件是一个聚合物 3 组件，但它似乎依赖于所有 Polymer 3 的东西，Polymer 项目说从 lit-element (polymer 3+) 开始，所以我想使用 lit-element，但想要一个映射到我的组件上。我该怎么做呢？

背景：

如果您在此处阅读路线图 - https://www.polymer-project.org/blog/2018-05-02-roadmap-update它说不要使用 Polymer 3 开始新项目，而是从 Lit-Element 开始。

它还谈到了元素的未来 - https://www.polymer-project.org/blog/2017-11-27-future-of-elements.html在重写它们之前，它们现在并没有做太多事情.

因此，鉴于此，现在如果我们尝试使用 Lit-Element 构建组件，我们如何合并谷歌地图，我无法在任何地方找到单个示例。我尝试使用 Polymer Google Map 组件，但它不兼容并且有很多错误。

我正在尝试在 lit 元素中使用 mdc 组件（例如 mdc-textfield）。看起来我必须将 css 和 js 文件都导入到元素中。

我很不确定如何将 css 导入到 lit-element 中。

顺便说一句，我polymer serve在没有任何预处理器或编译器的情况下使用。

我已经看到了将函数从父 lit-element 传递给子元素的示例，例如这里 - https://medium.com/@westbrook/litelement-to-do-app-1e08a31707a4

但我希望我的元素的用户，而不是被迫创建一个包装元素来使用我的元素。

例如，我的元素是一个计算某个值的对话框。

我希望我能做这样的事情（使用我的元素的html）：

然后在我的元素中：

当我尝试这个时，我得到 JavaScript 错误。