问题标签 [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 投票
2 回答
807 浏览

javascript - 点亮元素可以跟踪其范围之外的变量吗

在我的 lit-element 中,我正在根据外部变量渲染一些东西。当该变量发生变化时,我怎么知道要更新?

外面正在修改设置对象,这个元素怎么知道要更新呢?我没有使用任何其他框架。

0 投票
5 回答
2906 浏览

lit-element - lit-html / lit-element 中的类似 React 的引用?

lit-html 是否有任何改变,比如 React 的ref特性?例如,在以下伪代码inputRef中将是一个回调函数或一个对象{ current: ... },其中 lit-html 可以在创建/附加输入元素时传递/设置输入元素的 HTMLElement 实例。

谢谢。

0 投票
1 回答
1324 浏览

lit-element - 有没有办法让 lit-html 模板中的标签动态化?

问题几乎是不言自明的。

例子:

0 投票
0 回答
92 浏览

bootstrap-table - BootstrapTable 中的格式化程序与 lit-html 不兼容

似乎lit-html在 Bootstrap-table 格式化程序中返回一个元素会导致打印[object Object],这是预期的行为,因为lit-html不是字符串,有没有办法解决这个问题?

最小的例子

0 投票
1 回答
369 浏览

javascript - 如何使用 Web 组件或 lit-html 在表单中呈现值?

我正在使用 lit-html 库将数据呈现到表单中。

程序应在输入产品编号后自动填写产品名称。我已经编写了代码,但无法自动填写产品名称字段。对于产品名称,我在我的 JavaScript 代码中使用了静态虚拟数据。

有没有办法只使用 Web 组件或使用库“lit-html”来做到这一点?

您可以在下面找到我的代码

0 投票
0 回答
48 浏览

polymer - 无法通过脚本标签将 lit-html 项目导入另一个项目

我想在另一个项目中使用我的 LitHTML 项目中的标签,但我遇到了script: The server responded with a non-JavaScript MIME type of "text/html".错误。

我的 LIThtml 项目托管在 firebase 上,我尝试使用聚合物构建工具和 open-wc,但我似乎无法解决这个问题。

有没有人有幸通过 a 导入 LIThtml 项目?

如果是这样,在我的 package.json、polymer、json 等中我需要什么特定的东西吗?

谢谢

0 投票
1 回答
392 浏览

javascript - LitElement 不会为原生 Web 组件设置 textContent

我已经构建了一个名为的本机 Web 组件<expanding-textarea>,它扩展了<textarea>. <expanding-textarea>content goes here</expanding-textarea>当我尝试通过使用 LitElement 中的组件动态设置内容时,我可以设置组件的文本内容,但不能。下面是一个最小的示例,它<textarea>${item.text}</textarea>在重复指令中正确填充文本,但不是按原样填充。

0 投票
2 回答
2717 浏览

javascript - lit-html 的动态标签不可能?

谁能告诉我为什么我不能在 lit-html 的html方法中使用变量?

如果我${h1}h1那个替换它没有问题。

0 投票
1 回答
508 浏览

javascript - 对动态子元素进行排序的点亮元素

我有 2 个发光元素组件。父内容是:

renderChildren函数循环遍历数组属性children = [1, 2]并创建<div>元素。呈现的页面可能类似于:

sortablelist 组件允许用户<div>使用拖放重新排序标签。在 dnd 之后,渲染的布局可能会变成 (2 and 1 are reverted) :

用户更改订单后,如果我更改属性children=[3,4],结果与我的预期不同:

  • 我期待与孩子们一起看到一份新名单 3,4
  • 我看到一个包含 3,4 和其他一些元素 (1, 2) 的列表,具体取决于我之前所做的 dnd 操作

所以我的问题是它应该如何工作?如果 children 数组发生变化,因为它是一个属性,父组件会渲染。

我也期望sotablelist组件被重新渲染,但是为什么我会从以前的渲染中获得额外的孩子呢?

0 投票
2 回答
1667 浏览

javascript - 如何在 LitElement 中将事件传递给孩子

我想做一个下拉菜单,当点击输入时,菜单会显示一个切换,删除或放置“隐藏”类

我有这个方法

这里是模板。