问题标签 [lit-html]

问题：有没有办法在不触发其功能的情况下将属性更改传播到子元素render？目前，当我更新父级中的属性时，switchViewModeHandler它会触发对子级的重新渲染。

用例：将父级切换到“编辑”模式也应该为其所有子级切换相同。

疑问：我应该使用自定义事件吗？问题是它将是一个复杂的嵌套元素网络，其中的事件很快就会变得难以调试（Polymer 已经遇到过这个问题）。

设置：父元素：

子元素：

标记：

编辑模式来自一个导入的简单枚举（此处省略）：

这是一个可以玩的 Codesandbox：https ://codesandbox.io/s/v1988qmn75

我有一个模板：

问题是，当单击子元素时，它们会触发 setCommentStatus 函数，有没有办法只在单击具有 setCommentStatus 函数的实际元素而不是子元素时进行监听。

我一直在尝试将一个简单的 url（字符串）绑定到 svg 元素内的图像标签。
但我收到以下错误：TypeError: Cannot read property 'split' of null浏览器中没有显示图片。

图像和绑定工作正常，在普通<img>标签内或在<image/>元素中硬编码时没有错误。

SVG 示例：

解决方法示例：

在阅读了这个问题的评论中指出的 github 上的讨论后，我更新了我的答案：

我正在尝试使用 lit-html 来节省一些时间，但我无法正确设置所有内容。

电子 4.1.1

节点 11.15

截至发帖前 5 分钟，我已经运行了 npm install 和 electron-rebuild，没有运气。

我像使用任何其他 NPM 包一样使用 require()

不幸的是，在参考上面的三行代码时，我遇到了这个错误。

我没有看到我的代码有任何问题。

我尝试通过 NPM 重新安装 lit-html 无济于事。我真的很想使用这个库，但首先我必须克服这个障碍。老实说，我不知道这个错误是否可重现，但我似乎没有做任何修复它。问题似乎在于节点和处理导入的方式。

我在这里错过了什么吗？这是一个常见问题吗？如果是这样，我该怎么做才能解决它？

我有一个将 html 返回给客户端（即浏览器）的 lambda 服务。但是，事件侦听器不起作用。知道为什么吗？代码如下：

查看 Chrome 开发工具中的 shadowroot，该按钮被错误地呈现为<button @click="() => console.log('button was clicked')">BUTTON</button>. 知道我在做什么错吗？谢谢。

我想知道如何在 lit-element 组件中显示两个不同的对象值

预期输出
在渲染 html 中显示两个不同的对象值。

我是 litelement 的新手，我有一个 lit-element 组件，其中渲染时的单选单击事件函数未定义。我想在渲染方法中显示选定的单选按钮值以及相应的提供程序 ID。

预期结果，在渲染 html 中显示单选按钮选择的值

感谢您的阅读。

我是聚合物/点燃元素，点燃 html 的新手。我已经开始使用 PWA 入门套件。令我惊讶的是，它不使用聚合物元素，而是使用发光元素。

我试图从https://polymer-library.polymer-project.org/3.0/docs/apps/localize应用默认的 app-localize-behaviour 。

没有成功。

将 mixinBehaviors 与 PageViewElement 一起使用似乎会中断。

最终出现以下类型的错误：

我同时看到有几个图书馆开始蓬勃发展，例如：

https://github.com/andreasbm/lit-translate

或者：

https://github.com/hamedasemi/lit-element-i18n

所以，我必须承认我现在迷失了，我应该怎么做才能使用 lit-element 和 lit-html 进行国际化或本地化。

有没有推荐的库，我错过了官方推荐的方式是什么的帖子吗？

提前谢谢你，祝你有美好的一天。

我在使用 material-web-components 构建我的自定义 lit-element 组件时确实遇到了问题。即使我确实给了他们必要的 sass/css 类，它们也会堆叠在一起，例如彼此下方。

我确实想使用顶栏和可扩展的抽屉。但内容似乎总是呈现在左上角：/

问题：https ://imgur.com/a/kSOGOF5

谁能帮我？：/

应用程序：

抽屉：

内容

顶栏

在lit-element@Templates@Bind 属性到子元素（文档）中

• 属性：<p id="${...}"></p>

• 布尔属性：?checked="${...}"

• 财产：.value="${...}"

• 事件处理程序：@event="${...}"

  "总是使用一对。

相反，在lit-html@Writing templates（documentation）"中从未使用过一对，例如：

• 属性：<p id=${...}></p>
• 布尔属性：?checked=${...}
• 财产：.value=${...}
• 事件处理程序：@event=${...}

有什么理由吗？有什么风格比另一种更受欢迎吗？