web-component 相关问题

在客户端使用Astro组件

我有这个组件 --- 从 '@components/Icons/Siren.astro' 导入 Siren； 从 '@util/job.interface' 导入类型 { IJob }； 导出接口 Props 扩展了 IJob{} const Job=Astro.props 常量 {com...

使用@mui创建reactjs Web组件库时出错

我想用来自@mui的个性化组件创建一个reactjs库 如果没有这样的组件，它可以正常工作，但是当我从中添加任何内容时，出现以下错误： index.js:647 警告：

querySelectorAll 不选择shadowRoot 中的元素

我正在尝试使用 Webpack 和 Web Component 创建一个 tic-tac-toe 游戏。 我需要在地点标记组件的shadowRoot中选择一个具有单元类的div标签，然后将innerText更新为O/X依赖...

如果属性具有变量作为值，CSS Cascade 对字体简写没有影响

假设我们有以下 CSS 自定义属性： // 全局 CSS ：根 { --字体粗细-500: 500; --字体大小-350: 14px; --字体行高-500: 20px; --font-family-sans: 'Roboto Flex',

在ShadowDOM中使用CDK覆盖容器

我正在尝试在 Web 组件内使用 Angular Material 组件。除了 cdk-overlays 的一种边缘情况外，一切正常。到目前为止，我已经成功使用

如何在wordpress中使用lit web组件？

我使用 npm 制作演示版 Web 组件。 我想在 WordPress 中使用该点燃的 Web 组件。 如何在wordpress中使用它们？ WordPress 中的点亮组件..？

如何防止Web组件闪烁？

考虑一个简单的 Web 组件 TimeAgo 类扩展 HTMLElement { 构造函数（）{ 极好的（）; this.innerHTML = '2小时前' } } customElements.define('时间前', TimeAgo); ...

自定义 DefineCustomElement 实现中缺少插槽

我们正在使用 Vue 3、TS 和 Tailwind 开发 Web 组件库。我们正在使用 DefineCustomElement 宏的自定义实现，其中 @tony19 能够提供像 vue-r 这样的插件支持...

如何告诉 CSS 我的 Web 组件属性已发生变化

如果您看我这里的简单示例，您会发现 test_button.html 有一些内联 CSS：- #myBtn[点击=“true”] { 不透明度：0.5； } 只要我经历过这似乎就有效

在 HTML 自定义元素中使用外部数据

我正在创建一个与 Vite 捆绑在一起的简单网站，但没有像 React、Vue、Svelte 等外部框架。该网站具有使用不同数据的重复 HTML 元素。我想使用自定义

如何在 Blazor 中使用 @bind （不是 @bind-Property）或绑定自定义元素的 DOM 属性？

我有一个自定义元素（呈现 Material Web 的 的 MdTextField），其作用与 类似。现在的问题是，当使用 @bind-Value 时，Blazor 所做的是

如何在用作 Web 组件的 Angular 应用程序中延迟加载组件？ （如何从正确的服务器加载块？）

如何设置作为 Web 组件运行的应用程序，该应用程序必须从为 Web 组件提供脚本的服务器加载块，而不是尝试从服务器延迟加载...

CSS：您可以在 `:host()` 选择器中使用 `:has` 吗？

在下面的示例中，我尝试根据 **host** 是否具有具有空属性的开槽元素来设置其样式。如果确实有这样的元素，那么我想添加柠檬绿......

在 Astro 中使用第三方 Web 组件

我真的很想在astro中使用这个开关组件： https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/components/switch/switch.js 这个文件（如果你点击它）有几个重要的...

Web 组件 - attributeChangedCallback 未触发

我刚刚开始使用 Web 组件，我似乎无法弄清楚为什么我的 attributeChangedCallback 没有触发； 我一直在将它与我创建的组件进行比较，其中一切都正常工作

在 Angular 中导入副作用库

我想在 Angular 15 中导入 UI 库，但在开发中以及可能的产品中，导入都会被忽略。 导入'@spectrum-web-components/bundle/elements.js; 是导入所有网页的文件-

如何在自定义元素的插槽内设置CSS样式？

我在shadowDOM自定义元素模板内应用表格样式，在插槽内，它不接受表格th和td CSS。 类 Table 扩展 HTMLElement { 构造函数（）{ 苏...

如何为 vaadin-integer-field 定义自定义步长值

我尝试将 0.001 作为步长值传递给 vaadin-integer-field，并且收到此浏览器控制台警告： `step` 属性必须是正整数，但 `0.001`...

可通过 StencilJS / Web 组件重用样式

我是 Web 组件的新手，我正在尝试了解 Web 组件中的可重用样式，特别是 StencilJS。作为开发者，我天生懒惰，不想思考...

如何调用 Angular Web 组件（自定义元素）上的方法

我创建了一个如下所示的 Angular Web 组件 @成分（{ 选择器：'dlx-slider'， templateUrl: './slider.component.html', styleUrls: ['./slider.component.scss'], 封装：