web-component 相关问题

Web组件是使用本机代码或第三方库创建的可重用客户端元素。

Uncaught TypeError:属性“__reactFiber$wqjvbwadizh”不可配置且无法删除

有两个 Web 组件托管在各自的服务器中。我可以单独查看 Web 组件。 服务器A: 查看:abc.com/a/index.html 配置 abc.com/a/a.js abc.com/a/m...

回答 2 投票 0

如何使用带有 parcel 的 Web 组件?

我尝试将一些 web 组件与 parcel 一起使用,但它没有按预期方式工作。 首先是我的文件夹结构的屏幕截图 在此处输入图像描述 这是 package.json { “嗯……

回答 0 投票 0

何时在 Web 组件上下文中使用事件冒泡

我了解事件冒泡的技术使用(方法)。我无法得到好的答案是何时使用事件冒泡,尤其是在 Web 组件的上下文中。 一般来说,一些定义...

回答 1 投票 0

无法将模板或脚本元素传递到 Web 组件槽

为什么不能将模板或脚本元素传递到自定义 Web 组件的插槽中? 除非首先包裹在其他东西中,比如在 div 中,否则两者似乎都不会出现。 我讨厌不得不...

回答 0 投票 0

CSS:在单击时将网格中的项目扩展到其实际内容大小

我是网页设计的新手,现在我正在努力解决一些设计问题。 我尝试做以下事情: 具有固定大小的项目的二维数组 这些项目有隐藏的内容,所以...

回答 1 投票 0

如何检测自定义元素的子元素上的事件?

我正在尝试编写一个脚本来检测对我无法控制的 HTML 页面的按钮的点击。 但是,如果我在文档上添加一个事件监听器,事件对象的目标是一个

回答 1 投票 0

如何访问位于子组件内的 Web 组件

父组件在其模板中包含以下内容: 父组件在其模板中包含: <six-drawer label="Notificaciones" class="notifications"> <mur-notification-dialog (newEmision)="listenNewEmision($event)"></mur-notification-dialog> <six-button slot="footer" class="open-all-notifications-button" (click)="openNotifications()"> Ver todas las notificaciones </six-button> </six-drawer> 从父组件我需要检查 six-drawer property open 是否为真。 您可以在子组件中创建一个@Output,然后将状态发送给父组件。然后你可以发出六抽屉组件中open属性的状态。 子组件。 @Output() openEvent = new EventEmitter<boolean>(); openNotificaiton(value: boolean) { this.openEvent.emit(value); } 父组件。 notifyOpen(value: boolean) { console.log(value); } 父模板 <six-drawer label="Notificaciones" class="notifications" openEvent="notifyOpen($event)"> <mur-notification-dialog (newEmision)="listenNewEmision($event)"></mur-notification-dialog> <six-button slot="footer" class="open-all-notifications-button" (click)="openNotifications()"> Ver todas las notificaciones </six-button> </six-drawer> 您可以在官方的 Angular 指南中阅读更多相关信息

回答 1 投票 0

如何在 Typescript 属性装饰器中访问真正的 HTML 元素

我想为我自己的没有Lit的组件库创建一个像Lit一样简单的HTML元素属性装饰器 函数属性({}:{dataPrefixed?:布尔值} = {dataPrefixed:false}){ 返回(t ...

回答 0 投票 0

Solidjs Stripe 定价表 undefined client-reference-id

我正在尝试将条纹嵌入定价表与 solid.js 一起使用 我定义了一个简单的组件: 从“solid-js”导入{显示}; 从“solid-js”导入类型{ComponentProps}; d...

回答 1 投票 0

将单独的原生 HTML Web 组件对齐到表格或网格中

我有一个数据电子表格(行和列),我正在转换为 Web 组件。使每一列成为一个 Web 组件是有意义的。然而,一些领域可能需要更多的垂直

回答 1 投票 0

Safari 桌面和 Safari iOS 不支持哪些 Web 组件功能?

下面的大多数参考资料都提到 Safari 部分支持 Web 组件。 具体来说,Safari 桌面版和 Safari iOS 不支持哪些 Web 组件功能? 是否有技术文档或

回答 3 投票 0

Angular 12 web 组件错误地附加下拉列表

我想创建一个 angular 的 web 元素,它包含一些组件,比如 primeng split-button,它将与 Vanilla JS 一起使用。 拆分按钮有一个属性“appendTo&q...

回答 0 投票 0

如何在测试(Lit)Web 组件之前等待异步 connectedCallback 完成?

我现在正在使用 Lit Framework,但我认为这种类型的事情也会发生在常规 Web 组件中。 我的 connectedCallback 是异步的,但是,有了 Lit fixture,我认为它不会等待......

回答 1 投票 0

React Web 组件未在角度应用程序中加载 - 无法使用“in”运算符在 undefined 中搜索“adoptedCallback”

我在反应中有简单的网络组件 从“反应”导入反应; 从“react-dom/client”导入 ReactDOM; 从 'react-to-webcomponent' 导入 reactToWebComponent; 功能测试(...

回答 0 投票 0

使用 Map 函数时如何在 React JSX 中定义键

我有对象数组,需要遍历它并将其显示在 DOM 中。我可以用地图功能做到这一点。但是由于没有为它提供唯一的密钥,我得到了错误。记住,它...

回答 1 投票 0

将模板作为属性传递给 Web 组件是一种不好的做法吗

我想知道将模板作为参数传递给点亮的 Web 组件是否是一种不好的做法?简单的例子。我试图将通用逻辑封装在一个组件中,我需要一些内部状态 ...

回答 0 投票 0

如何从自定义 Web 组件中提取表单提交数据?

我需要了解表单提交如何从自定义 Web 组件中提取数据? 我尝试了以下步骤 1- 将输入附加到 ShadoWroot 2- 使用形式关联的概念 I

回答 1 投票 0

Web 组件 + A11y

我有几个关于 web 组件和辅助功能的问题,我读了一些文章,但我从来没有看到任何我可以自己测试的示例或案例历史。我做了一些测试,但我不确定它们......

回答 1 投票 0

我想让我的网站的侧边栏成为一个可重用的组件,但我不知道怎么做

我有一个博客,页面很多,而且一直在添加,因为它还在建设中。侧边栏经常变化,手动修改所有的侧边栏...

回答 1 投票 0

可疑的 Chrome 错误:如果应用某些样式,CSS `last-of-type` 不会在 webcomponent 中更新

我有一个 tst-list web 组件。里面是一个tst-add组件,看起来像一个加号图标,id是ADD。当单击添加按钮(#ADD 加号图标)时,它将创建一个 tst-wrapper 组件并...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.