问题标签 [stencil-component]

因此，在阅读了文档然后在 Stencil 上上了一堂 umedy 课后，我似乎仍然无法在我的对象上设置类名。例如我有以下

问题是课程永远不会出现在按钮上。我知道我在教程中看到的 react-bootstrap 中，但从未使用过 react，它们有 variant="" 这基本上是我想要构建的，并且没有运气让它工作，因为 Stencil 教程和高级项目很少。另一个问题是现有的类都是基于 1.8 的。

我想使用 stencil 构建一个范围滑块。

范围滑块上方是一个h1应该返回滑块的正确值的滑块。

我使用一个Listen-Event，它会监听是否range-slider被点击（我也尝试过改变，但没有奏效）。如果单击它，handleChangeEvent则执行。在这种方法中，我有我meinSlider以前分配给的变量input type="range"。在这个变量上，我使用addEventListener，它监听“变化”，然后我使用document.querySelector并选择我的span元素，它应该给出正确的数字并将其分配给范围滑块的值：

但是，它不起作用，如果我使用console.log它，它会返回null。 我想我无法访问 HTML-Element。

此外，我有一个错误：

TypeError：无法在 regler.changeEvent、regler.handleChangeEvent、HTMLElement.listenMeta.eventDisabled.plt.domApi.$addEventListener.ev读取属性“addEventListener”

我不是专业人士，对 Stencil 没有任何经验。

我非常感谢任何帮助。

不确定这是否重要，但我也在使用Electron，因为它是一个桌面应用程序。

这是我的 .tsx：

我创建了两个嵌套在一起的 Web 组件。我面临的主要问题是当我尝试渲染子组件时，来自父组件的所有内容都会重叠。我认为问题在于父组件和子组件都在渲染<slot/>。如您所见，父组件呈现<slot></slot>. 并且子组件也通过那里的名称呈现它的每个插槽，我发现的唯一“解决方案”是shadow:true在子元素中将 shadow 设置为 true()，这样只<slot/>显示子元素并且它不会重叠由家长。但这对我不起作用，因为在我的子组件中我想渲染另一个组件，但由于这是影子 DOM，它不显示任何内容。有什么想法吗，谢谢。

我正在使用以下网络组件树：

我需要覆盖background-coloron select-container。我无权访问<x-select>代码，只有<x-typography>.

我知道如何:host工作::slotted，我试过：

但它们都不起作用。

我在 stencils.js 中创建了一个简单的组件，并在 react/angular/vue 中使用了它。从我的模板组件中，我发出了一个事件。这个事件在 angular/react/vue 中被捕获。我的问题是我需要在一个 html 中使用相同的组件两次。我如何识别哪个组件实例发出了哪个事件？

我正在尝试从 HTML 中删除被调用的组件标签，以防止外部库中的一些损坏的 CSS 并只显示内部内容。

something.component.html

另一个.component.html

然后输出：

而且我要：

如何从父组件触发子组件功能并在 stenciljs 中发送数据

从 开始<parent-component>，我尝试运行一个函数 onClick，然后<child-component>在不使用 @Listen 装饰器的情况下将数据发送到函数中。

我正在尝试从使用 StencilJS 制作的组件中安全地删除 DOM 节点。

我已将删除代码放在公共方法中 - 这就是我需要的。

但是，根据调用此方法的时间，我遇到了问题。如果调用得太早，它还没有 DOM 节点引用——它是undefined.

下面的代码显示了组件代码（使用 StencilJS）和 HTML 页面。

调用alert.dismiss()页面脚本是有问题的。单击按钮调用相同的方法可以正常工作。

有一种安全的方法可以做到这一点remove()吗？StencilJS 是否提供一些资源，我应该测试还是应该等待？

我尝试在 safari 上使用输入类型 = 时间和输入类型 = 日期。我为时间输入和日期时间输入 polyfil 安装了 polyfill，但两者似乎都不起作用。我创建了一个空的模板组件应用程序，并在 html 中添加了下面的代码并在 safari 的 mac 机器上运行。