问题标签 [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.
javascript - 点亮元素可以跟踪其范围之外的变量吗
在我的 lit-element 中,我正在根据外部变量渲染一些东西。当该变量发生变化时,我怎么知道要更新?
外面正在修改设置对象,这个元素怎么知道要更新呢?我没有使用任何其他框架。
lit-element - lit-html / lit-element 中的类似 React 的引用?
lit-html 是否有任何改变,比如 React 的ref
特性?例如,在以下伪代码inputRef
中将是一个回调函数或一个对象{ current: ... }
,其中 lit-html 可以在创建/附加输入元素时传递/设置输入元素的 HTMLElement 实例。
谢谢。
lit-element - 有没有办法让 lit-html 模板中的标签动态化?
问题几乎是不言自明的。
例子:
bootstrap-table - BootstrapTable 中的格式化程序与 lit-html 不兼容
似乎lit-html
在 Bootstrap-table 格式化程序中返回一个元素会导致打印[object Object]
,这是预期的行为,因为lit-html
不是字符串,有没有办法解决这个问题?
最小的例子
javascript - 如何使用 Web 组件或 lit-html 在表单中呈现值?
我正在使用 lit-html 库将数据呈现到表单中。
程序应在输入产品编号后自动填写产品名称。我已经编写了代码,但无法自动填写产品名称字段。对于产品名称,我在我的 JavaScript 代码中使用了静态虚拟数据。
有没有办法只使用 Web 组件或使用库“lit-html”来做到这一点?
您可以在下面找到我的代码
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 等中我需要什么特定的东西吗?
谢谢
javascript - LitElement 不会为原生 Web 组件设置 textContent
我已经构建了一个名为的本机 Web 组件<expanding-textarea>
,它扩展了<textarea>
. <expanding-textarea>content goes here</expanding-textarea>
当我尝试通过使用 LitElement 中的组件动态设置内容时,我可以设置组件的文本内容,但不能。下面是一个最小的示例,它<textarea>${item.text}</textarea>
在重复指令中正确填充文本,但不是按原样填充。
javascript - lit-html 的动态标签不可能?
谁能告诉我为什么我不能在 lit-html 的html
方法中使用变量?
如果我${h1}
用h1
那个替换它没有问题。
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
组件被重新渲染,但是为什么我会从以前的渲染中获得额外的孩子呢?
javascript - 如何在 LitElement 中将事件传递给孩子
我想做一个下拉菜单,当点击输入时,菜单会显示一个切换,删除或放置“隐藏”类
我有这个方法
这里是模板。