问题标签 [svelte-component]

我在一个苗条的项目中使用virtuallist 组件。我已将过滤添加到列表中。我的问题是，当我过滤列表时，我的项目中的一个函数停止工作，我假设是因为过滤时列表项尚未在 dom 中？

该项目使用两个输入将医疗单位从公制单位转换为国际单位。更改一个输入会自动转换另一个。在过滤之前，转换一切正常，但在输入项目名称（例如 Type Zinc）后，过滤项目中的输入转换失败。不发生转换。我已经将 afterUpdate 作为一个选项进行了研究，但不确定如何实现它。

---------添加信息---------

问题在于尚未查看的列表项。尝试输入“zinc”，然后更改 Zinc（失败）的输入值与输入 Acetone（项目已在视图中）并更改这些输入（它有效）。

这是一个有效的REPL

剧本：

使用简化的 html 代码：

感谢您为使其正常工作提供的任何帮助！

我尝试使用 onChange 处理程序将asYouType函数 from添加libphonenumber-js到我的苗条输入中，因为我不确定如何通过 2 路绑定来完成。

我已经设法实现了这一点，但它只会格式化数字 onBlur 而不是用户输入输入时的预期行为，如此处所示libphonenumber-js

如何更改我的输入，使其在用户输入时格式化？

我在苗条的构建过程中有一个奇怪的行为。我customComponent在 Svelte 有一个。

在Map.scss只有一个规则要测试应该将背景设置为黄色。

这是我rollup.config.js用来构建组件的npm run build

CSS 文件dbconnect-web-map.css在 处生成，public/build/dbconnect-web-map.css但文件内容为空。只有css.map文件的建议在那里。

我认为该dbconnect-web-map.css.map文件看起来不错，但我不确定。

不知道为什么body不包含一个 CSS 规则。当有人可以帮助我时会非常好。顺便说一句，我使用 node v12.18.0 和 npm v.6.14.4。我不知道这是否是一个问题，但我想把它放在这里在你自己这边进行测试。

我有这个苗条的 repl 作为我正在尝试做的一个例子：

https://svelte.dev/repl/91d21e1baa564ecea6afbc4df7d9d24c?version=3.23.2

目标是进行双向绑定，但通过按钮控制/触发从组件到应用程序的方式。

由于对象的直接引用，简单的方法绕过了。但是，克隆对象会阻碍从 Component 到 App 的返回。

我很困惑，不知道该怎么做。

感谢您的帮助。

编辑原始代码

App.svelte

Component.svelte

我正在尝试从外部 api 获取组件上的数据。我在 onMount 块中的侧边栏组件上有数据请求。

当用户登录并使用侧边栏路由到页面时，显示的数据来自上次会话。我需要刷新页面才能查看当前数据。

如何修复此过程，以便获取的数据始终是登录用户的最新数据？

导航苗条

在导航组件内部，我有注销功能，导航上有一个注销按钮。

侧边栏.svelte

在侧边栏组件内，我向 api 请求数据。

问题：如何使用 jest 测试访问一个苗条组件的 props。例如，如果 svelte 组件如下所示：

ExampleComponent.svelte

我正在从服务器获取可以包含主题标签的动态内容：

{内容："文字文字#Cup"}

正在做：

第二种方式将按原样呈现（不连接到纤细的路由操作或事件）。

我如何变成“svelte-routing”'use:link'元素？（或工作<Link to={cup}/>）

编辑： 我将最佳答案更改为@pushkine。原因是它需要较少的字符串清理，同时在使用时保留链接到主题标签的能力，如下所示：

我有 2 个组件，一个可拖动的菜单和一个作为 dropzone 的网格，当我拖动其中一个可拖动元素时，我会生成它的副本并将其粘贴到 dropzone 中......我的问题是当我尝试移动它时元素从 dropzone 到另一个...显然原始元素的事件没有被复制。

我分享我的沙箱：https ://codesandbox.io/s/test-dragdrop-ecqec?file=/components/DropContainer.svelte

谢谢你的时间。

我必须将一个组件从 svelte-sapper 移动到 sapper。组件就是这样使用uuid的

我还安装了加密。当我在控制台浏览器上使用该组件时，出现此错误

rng.js:4 未捕获类型错误：crypto.randomFillSync 不是函数

在控制台上：

我已经用 npm 安装了加密，该功能在 bundle.js 上

我看到我需要在 rollup.config.js 内部使用插件元素

但它没有用。有什么建议么？

这是我的汇总

从我读到的内容看来，目前这是不可能的：https ://github.com/sveltejs/svelte/pull/4523#issuecomment-596232030

我想构建一个树结构，并想突出显示树上任何位置的活动节点。如果我使用存储来写入/读取当前活动的节点 ID，这非常简单，只需检查 ID 是否与组件匹配。

但是如果我有数千个节点，恐怕这可能会变得很慢，因为每个节点都会检查当前 ID 的变化。

所以我想我可以改为存储对当前活动节点的引用，这样我就可以轻松地停用/激活任何节点。例如：

我相信这样的事情会快得多，因为我可以activate在任何节点上根据需要调用该方法。

那么如何引用组件实例呢？还是有更好的方法？