web-component 相关问题

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

在 Typescript 中实现 attributeChangedCallback?

在本教程中,attributeChangedCallback 的实现如下: // 属性改变 attributeChangedCallback(属性, oldValue, newValue) { if (oldValue === newValue) 返回; 这[正确...

回答 1 投票 0

如何向shadow dom添加keydown监听器

我一直在尝试为特定 Web 组件的 keydown 事件实现一个事件侦听器。事件监听器应该放置在Web组件中,这样它就可以在其他项目中使用...

回答 1 投票 0

使用 React 对脚注进行顺序编号

我正在尝试为我的博客的新 React 版本创建一个脚注组件,但是到目前为止,我无法获得正确的编号。 我应用的逻辑与我为 Web 组件所做的逻辑基本相同

回答 1 投票 0

为什么这个<input>的@focus事件监听器只正确设置状态一次?

点亮游乐场链接。代码复制如下: 从 'lit' 导入 {html, LitElement}; 从“lit/decorators.js”导入{customElement,state}; @customElement('简单的问候语') 导出类 SimpleGreeting

回答 1 投票 0

是否可以创建一个可以扩展任何元素的Web组件?

我想创建一个自定义元素类,如果 is="foo-element" 存在,它基本上可以在任何类型的元素上使用,但我感觉这是不可能的。

回答 1 投票 0

带有自定义 js Web 组件的 Vaadin 24 给出未捕获的类型错误:非法构造函数

我们有一个vaadin flow应用程序。我们从 Vaadin 14 迁移到 Vaadin 24,遇到了一些问题,但设法解决了它们。剩下的一件事是另一个团队提供的自定义 Web 组件。它正在工作...

回答 1 投票 0

从一个 Web 组件调用另一个 Web 组件

我创建了两个位于不同文件中的 Web 组件。当我尝试使用导入引用另一个时,出现错误: 未捕获的语法错误:意外的标记“-” 文件一: 类...

回答 3 投票 0

我们可以将 Jest 与 @web/test-runner 一起使用来使用间谍和模拟等功能吗?

我目前正在使用 Lit 开发 Web 组件,并使用 @web/test-runner 和 @open-wc/testing 来编写单元测试。根据测试框架文档:编写您自己的框架,是...

回答 1 投票 0

通过 CDN 使用 Lit javascript 模块而不捆绑 Lit 依赖项?

有没有一种方法可以提供从打字稿构建的 Lit 元素,而无需将 Lit 依赖项与 Web 组件捆绑在一起? 例如,我们可以按照

回答 1 投票 0

为什么我无法调用WebComponent的方法?

我想知道如果我通过 .append 附加此组件而不是在模板内使用标签名称,为什么我无法调用 Web 组件中定义的方法。下面我举几个例子。一个不是我...

回答 2 投票 0

从 unpkg CDN 提供 Lit 3.0 my-element 演示

使用 Lit 2.0,我们可以将 Web 组件发布到 npm 并通过像这样的脚本标签使用它。 那个组合...

回答 1 投票 0

StencilJS 无法构建 Angular 独立库

我正在开发仅依赖独立组件的 Angular16+ 项目。 因此,我希望从我的 Web 组件库中构建角度独立组件库,以在我的项目中使用......

回答 1 投票 0

模块 IMPORT ASSERT 选项的跨浏览器替代方案

使用基于 Chrome 的浏览器,我会通过以下方式导入样式表:- 我的组件 - 从 '/Vanilla/ScrollGrid.css' 导入工作表断言 {type: 'css'}; 或调用用户网页 - if (userStyles!= undefin...

回答 1 投票 0

从 NPM CDN (unpkg) 提供 Lit 3.0 my-element 演示?

使用 Lit 2.0,我们可以将 Web 组件发布到 NPM 并通过像这样的脚本标签使用它。 那个组合...

回答 1 投票 0

如何观察外部槽位变化?

我想对外部插槽的变化做出反应。在实际的 HTMLSlotElements 中,我有 slotchange 事件,但这似乎不是 Vue 3 中的工作方式。我如何观看我的插槽并对任何事件做出反应...

回答 2 投票 0

为什么我可以访问父组件中的表单输入值?

基本上我有 2 个 blazor 组件,子组件 (NewChecklist.razor) 是一种表单,它将输入值作为参数传递到其父组件 (ChecklistManagement.razor) 中。我意识到...

回答 1 投票 0

Web 组件和 ES6 导入/导出之间的范围

在浏览器javascript中,如何从正在导入的Web组件的innerHTML内部运行函数? 考虑以下代码。首先是index.html文件: ...

回答 1 投票 0

如何按需在 HTML 中创建自定义元素?

我正在为内部框架添加一些自定义元素,但是我注意到我们正在获取索引文件上的所有元素以在 html 中使用它们。 你知道更好的方法吗...

回答 1 投票 0

从 Web 组件监听事件不起作用

我试图让我的Web组件也通过事件与外部通信。到目前为止,发出事件似乎没问题,但由于某种原因无法接收事件。 我已经尝试过很多变体...

回答 1 投票 0

如何监听Web组件定义的自定义事件

我有一个自定义元素 my-checkbox,它包含复选框、标签、样式等。当切换该复选框时,我在构造函数中定义一个名为 check 的 CustomEvent,如下所示: 构造函数()...

回答 2 投票 0

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