问题标签 [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:如何有效地从父自定义元素共享属性到子自定义元素
问题:有没有办法在不触发其功能的情况下将属性更改传播到子元素render
?目前,当我更新父级中的属性时,switchViewModeHandler
它会触发对子级的重新渲染。
用例:将父级切换到“编辑”模式也应该为其所有子级切换相同。
疑问:我应该使用自定义事件吗?问题是它将是一个复杂的嵌套元素网络,其中的事件很快就会变得难以调试(Polymer 已经遇到过这个问题)。
设置:父元素:
子元素:
标记:
编辑模式来自一个导入的简单枚举(此处省略):
这是一个可以玩的 Codesandbox:https ://codesandbox.io/s/v1988qmn75
lit-html - lit-html:如何只听点击源元素而不是子元素
我有一个模板:
问题是,当单击子元素时,它们会触发 setCommentStatus 函数,有没有办法只在单击具有 setCommentStatus 函数的实际元素而不是子元素时进行监听。
javascript - 如何在 Electron 中正确加载 lit-html 模块
我正在尝试使用 lit-html 来节省一些时间,但我无法正确设置所有内容。
电子 4.1.1
节点 11.15
截至发帖前 5 分钟,我已经运行了 npm install 和 electron-rebuild,没有运气。
我像使用任何其他 NPM 包一样使用 require()
我没有看到我的代码有任何问题。
我尝试通过 NPM 重新安装 lit-html 无济于事。我真的很想使用这个库,但首先我必须克服这个障碍。老实说,我不知道这个错误是否可重现,但我似乎没有做任何修复它。问题似乎在于节点和处理导入的方式。
我在这里错过了什么吗?这是一个常见问题吗?如果是这样,我该怎么做才能解决它?
polymer - lit-html 事件侦听器未正确呈现
我有一个将 html 返回给客户端(即浏览器)的 lambda 服务。但是,事件侦听器不起作用。知道为什么吗?代码如下:
查看 Chrome 开发工具中的 shadowroot,该按钮被错误地呈现为<button @click="() => console.log('button was clicked')">BUTTON</button>
. 知道我在做什么错吗?谢谢。
javascript - 如何在 litelement 组件中显示对象
我想知道如何在 lit-element 组件中显示两个不同的对象值
预期输出
在渲染 html 中显示两个不同的对象值。
javascript - 单选按钮未在 litelement 组件中显示所选值
我是 litelement 的新手,我有一个 lit-element 组件,其中渲染时的单选单击事件函数未定义。我想在渲染方法中显示选定的单选按钮值以及相应的提供程序 ID。
预期结果,在渲染 html 中显示单选按钮选择的值
localization - 使用 lit-element/lit-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 进行国际化或本地化。
有没有推荐的库,我错过了官方推荐的方式是什么的帖子吗?
提前谢谢你,祝你有美好的一天。
typescript - 使用 LitElement 构建 Material Web 组件
我在使用 material-web-components 构建我的自定义 lit-element 组件时确实遇到了问题。即使我确实给了他们必要的 sass/css 类,它们也会堆叠在一起,例如彼此下方。
我确实想使用顶栏和可扩展的抽屉。但内容似乎总是呈现在左上角:/
问题:https ://imgur.com/a/kSOGOF5
谁能帮我?:/
应用程序:
抽屉:
内容
顶栏
lit-element - 应该在模板中使用 ("...") 吗?
在lit-element
@Templates@Bind 属性到子元素(文档)中
属性:
<p id="${...}"></p>
布尔属性:
?checked="${...}"
财产:
.value="${...}"
事件处理程序:
@event="${...}"
"
总是使用一对。
相反,在lit-html
@Writing templates(documentation)"
中从未使用过一对,例如:
- 属性:
<p id=${...}></p>
- 布尔属性:
?checked=${...}
- 财产:
.value=${...}
- 事件处理程序:
@event=${...}
有什么理由吗?有什么风格比另一种更受欢迎吗?