问题标签 [lit]

描述

我想传递 svg 属性，如下所示：

我搜索了问题，但没有找到任何解决方案。自 2017 年以来，该spread指令仍在讨论中……有解决方法吗？

我在 typescript 和 lit 中制作了一些自定义 Web 控件，例如提交按钮和输入，当我尝试将它们包装在我的 html 中的表单中时，表单看不到输入，并且提交按钮不会尝试提交表单. 另一个名为Weightless的UI 库能够进行表单验证，但我不知道如何做到这一点。有什么帮助吗？

Lit 使用这个反应元素类，我的每个 Web 组件都对其进行了扩展。我无法完全理解为什么 elementProperties扩展 Lit 基类的所有 Web 组件上的静态属性（例如）都不相同。

在此处查看示例

为什么这两个类的静态属性不同？我认为静态属性是在类本身上设置的，在本例中为 ReactiveElement。但这里的情况似乎并非如此。我希望与此处elementProperties相同并且工作方式相似。

谁能告诉我我的想法哪里出错了？

更新：

OK 使用typescript重新创建了该行为。所以我认为我需要研究继承和静态属性在 JS 中是如何工作的。

我正在寻找一种简单的方法来加密我的个人开发者网站的一小部分。我想直接在网站上展示我的简历，但更愿意用密码保护它，以防止那些不是潜在雇主的人查看它。在对潜在雇主施加有限压力的同时（例如，不要求他们创建帐户），这样做的安全方法是什么？

值得注意的是，我不会包括我的 SSN 之类的信息或任何特别敏感的信息——只是常规的简历信息。出于这个原因，是否可以向所有潜在雇主提供密钥并每月轮换一次？

我使用 Lit 作为 Web 组件工具，但除此之外，该站点是 vanilla JS + html。

感谢您的任何指导！

我需要在 LitElement 中以最佳方式呈现无限可滚动数据。Vaadin-grid 似乎适合用例。然而，数据是巨大的。所以我试图从后端延迟加载数据块。此后端 api 支持以块的形式返回记录（这样在第一次调用时将返回记录总数）。是否有任何可能的方法可以使用LitElement从 vaadin-grid 的后端以块的形式延迟加载数据。

我正在 Lit ( https://lit.dev ) 中开发一个组件库，我想知道如何避免为每个组件捆绑完整的 lit 运行时。

有什么提示吗？

我正在使用 vaadin 和 lit 实现一个复选框组件。我已经根据 vaadin 文档实现了它，但是我没有看到分组的复选框。

在控制台调试时，先调用“render()”，再调用“firstUpdated()”。所以我知道属性值将是一个空数组。

但是，即使我像示例一样实现它，我也不明白为什么会发生这种情况。如何正确实施？

外挂文件

这是自定义元素。

这是getPeople()方法。

这是Person课堂。

我正在尝试在使用OpenWC工具创建的 WebComponent (Lit) 项目模板中使用BroadcastChannel库。

我可以使用安装包

我的代码：

但是，当我运行 webpack-dev-server 时，该项目被视为节点项目，并且出现错误，“未定义要求”。

如何让这个工作？

我正在构建一个桌面应用程序来监控一些事情并生成关于它正在监控的数据。当用户想要与数据交互时，应用程序会启动一个非常简单的 Web 服务器。服务器提供静态页面，并有一个基本的 http API 来提供数据。我使用 html 作为通用 UI，用户使用浏览器查看数据并与之交互。

我想使用 Google 的 Lit 2 将我的 html/css/js 重写为基于组件的 Web 应用程序。我喜欢纯 Web 组件的想法，但我注意到 Lit 提供了一些很棒的附加功能。毫不奇怪，大多数 Lit 文档都面向具有构建步骤的更传统的 Web 环境。我想看看我是否可以让我的服务器尽可能简单并避免使用传统的后端工具（打字稿编译、缩小等）。我想在一系列简单的 js 文件中用 Lit 组件替换我当前的静态 html/css/js。

目前，我的服务器从“公共”目录为我的页面提供服务，并且具有最小的 http API：

我应该如何在没有构建步骤的系统中使用 Lit？我需要与我自己的继承自 LitElement 的 javascript 类一起提供的最小 Lit 文件集是多少？

attributeChangedCallback 钩子。我想用 chai mocha 测试它，但我需要知道如何在测试钩子时设置参数