问题标签 [svelte-component]

我有一个包含以下数据的可写存储

我想根据 KNOWLEDGE 为进度条设置动画，我在 {#each } 循环中访问知识，但进度条没有动画，因为我必须传递补间存储对象并设置它的值。那么如何为 bar 设置动画呢？如何在循环中将知识值传递给补间对象 set() 方法？

我正在编写一些项目来学习 Svelte，并且我一直在尝试制作类似于电子表格的东西，用户可以在其中键入或更改数字，并使用预定义的公式进行一些微积分（用户无法更改公式）。我已经尝试过，但我不能被动地做到这一点。

为此，我创建了一个名为 Spreadsheet 的组件，它有两个道具，数据和列，类似于 Quasar 为Tables所做的事情。

这是带有示例的 REPL。

这个想法是用户更改列上的值，并通过公式反应性females, males and area地更改列的值。densitypoblationDensity

为什么我们需要通过 'detail' 对象访问自定义事件属性？

示例代码在这里

我有一个需要 afunction或Component. 所以我想通过检查道具的类型来区分它是组件还是函数。我目前正在使用以下一个。当代码被混淆时，这可能在 prod 中不起作用。想知道更好的解决方案吗？

假设我有这个主应用程序：

我有两个组件，CheckBoxand TextArea，都只是实现 HTML 输入，Field 组件是这样实现的：

这样我就创建了一个具有复选框和文本区域的动态表单。

我想要的是可以从组件内部访问的“绑定”属性，并且能够绑定另一个组件，这样我就可以实现这样的目标：

这意味着如果 textarea 将包含文本，则复选框将被选中，如果它为空，则复选框将被取消选中。

在所有组件渲染之后，我可以使用components对象访问它们，因为我像这样绑定它们bind:this={components[item.id]}

但是在它们呈现之前我无法访问它们，有没有办法让它使一个组件可以动态绑定到另一个组件？我演示了仅使用 2 个组件，它也可能是一大组组件。

我想确定绑定的方法是使用数组中与另一个字段匹配的bind属性。fieldsid

我已经使用以下命令安装了 stripe.js： npm install stripe 现在我想将它导入到我的 sapper 组件中，以便我可以使用它，但尽管阅读了所有关于在 js 中导入的mdn 页面，但无法弄清楚如何做到这一点

这是我的代码

stripe.js 文件夹位于我的应用程序根目录中的典型位置 (node_modules) 文件夹中。

所以我的问题是：如何将它导入到我的工兵脚本部分并使用它？我尝试 import * as stripe from "stripe"（出错） 我尝试 import "stripe" 并 import "/node_modules/stripe" & "./node_modules/stripe"

这些都没有奏效。如何导入它以便我可以这样使用它： const stripe = Stripe("key") 特别是在 Sapper 中，我应该将它添加到预加载函数还是组件脚本之上？

谢谢

你知道一个组件可以让你在 Svelte JS 中做到这一点吗？

例如，像 ReactToPrint，一个打印 React 组件。

当我在页面上添加苗条组件时，我创建了新的类示例。

并且每次组件销毁并再次创建。
但我需要保存组件的状态。
（例如：块的显示、块的位置、文本等等）
当我创建新的示例时，我可以把它放在全局变量中。我可以从全局输出吗？那是真的吗？

我在我的苗条本机应用程序中使用 nativescript radCalendar组件。我无法更新日单元格中显示的事件的字体大小。我可以更新日期的字体大小，但事件文本没有效果。测试设备为pixel1，android10。

我建立月视图的功能

编辑： 游乐场链接：示例

我对如何创建自定义元素 API 有疑问。我已按照文档进行操作，但收到以下警告：

生成自定义元素时使用“标签”选项。您是否忘记了“customElement：true”编译选项？（Link.svelte：1:16）

REPL

我在编译器选项中标记了 customElement: true 。

我迷路了……有人能帮帮我吗？