问题标签 [lit-html]

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 回答
682 浏览

javascript - 如何在 litelement 中实现 select2

我想知道如何使用 litelement 中的图像实现 select2 下拉菜单。因为我有动态选项值,如何在 litelement 中使用选项文本框和标志实现选择

我在下面提到了源代码,请知道如何使用标志选择 litelement 中的动态选项

0 投票
3 回答
1568 浏览

javascript - 选中多个单选按钮,取消选中单选按钮组

我想知道当单选按钮被选中时,它会取消选中其他对象单选按钮。我有一个对象,并且为每个对象选项创建单选按钮。

例如,对于 id=SG,创建了两个单选按钮,如果未选中,则将 bank 设置为默认选中,否则将相应的选定单选值设置为选中。

我被困在了litelement中。

对于生成的每个obj单选选项,默认情况下会选中第一个选项,但如果我检查creditobj 的选项SG,它会取消选中默认选项 TH

对于每个 obj,如果为某个 obj 检查特定收音机,则应检查默认收音机选项

0 投票
1 回答
324 浏览

reactjs - 捆绑包大小:是否可以将 lit-element 设置为对等依赖项?

我注意到捆绑的 js 中添加了很多代码,用于一个简单的基于 lit-element 的 web 组件,并且 react 组件将 react 设置为对等依赖项,因此只捆绑了一个 react 运行时,因为 web 组件与框架无关,如果我使用 lit -element 在我的项目中,我正在使用另一个用 lit-element 构建的外部 WC,lit-element 会被捆绑两次吗?

0 投票
0 回答
715 浏览

sass - 使用带有 lit-element / web-components 的引导模式

我正在尝试在我的 lit-element 项目中使用引导程序中的模态。

我使用 sass 分别加载引导程序 .scss 文件。但它根本没有真正显示按钮单击的模式。我尝试了很多,但它根本不起作用。

应用组件

应用组件-SCSS

应用程序模态组件

App-Modal-SCSS

Webpack 配置

我还尝试从 node_modules/bootstrap 文件夹中加载几乎所有单个 .scss 文件。但行为相同:(

请你帮助我好吗?

0 投票
1 回答
929 浏览

polymer - state 和 setState 点亮元素在哪里?

来自反应背景,我想知道在 lit-element 中 state 和 setState 在哪里等效,我在 lit-element 文档中找不到任何有用的东西。是私有财产吗?还是requestUpdate

0 投票
1 回答
3425 浏览

lit-element - 如何强制重新渲染发光元素的孙子?

我有以下结构

my-modal被设计为一个通用的包装器,我用它来包装我的应用程序中的许多不同的对话。在其中,我监听位置变化,并且render html '<slot></slot>'

我的问题是,虽然my-modal通过显示和隐藏表单行为正确,但表单本身永远不会重新呈现,因此总是显示陈旧的内容。我目前正在拼凑一些IntersectionObserver可以在可见时触发的东西,但这感觉真的很糟糕,并导致了其他问题。

有没有一种方法可以让 my-modal 强制其子级重新渲染,即使它知道的唯一子级是<slot></slot>. 我不想my-app知道任何关于my-modal的行为。

0 投票
1 回答
247 浏览

lit-element - lit-element styles within html template versus static styles getter?

given the following code, and the lit-html vscode extension, syntax highlighting doesn't work on the static styles getter

however it does work in the html template in the render function

how bad, for performance, is opting for the styles in the render function, instead of the static styles getter?

0 投票
2 回答
2027 浏览

polymer - 如何从 lit-element 中的开槽元素中引用槽元素?

我有一个名为“stack-item”的组件,它有一个 slot,它的 html 看起来像这样

我已经像这样使用过这个组件

从'another-component'我如何获得class ='slot-style'的元素参考来计算槽宽度和其他属性?

我写了一个解决方法

但是有没有一种干净的方法来实现这一点?

0 投票
2 回答
1670 浏览

html - 如何在 lit-html/lit-element 中实现引导导航栏作为组件

我想知道如何在 lit-element/lit-html 中实现引导导航栏

我在 lit-element 中创建了导航栏组件,但导航栏下拉和切换不起作用。

我必须将固定顶部导航栏实现为 html 中的 lit-element 组件。请检查代码并卡住。如果有任何替代方案,请提供解决方案。

0 投票
2 回答
611 浏览

javascript - 如何在 lit-lement 中实现 lit-element-bootstrap 包

我想lit-element-bootstrap在 lit-element 中实现包。

我在控制台中收到以下错误, Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec