问题标签 [svelte]

我正在将Svelte和Sapper用于需要动态进入下一页的网络应用程序，即在发生某些事情之后（网络蓝牙连接） - 而不仅仅是通过<a>元素点击。

对于<a>链接，Sapper 拦截这些并执行客户端路由。如何通过 JavaScript 自己实现客户端路由？

例如，如果我打电话，location.href = ...那么这不会被拦截，它涉及到下一页的服务器往返。

有没有一种巧妙的方法来做到这一点？（类似router.route('/my-page')）？

我想创建满足以下列表的视图组件：

• 可以包含在任何框架上编写的任何现有 Web 应用程序中。

• 重量轻

• 任何人都可以通过传递一些动态的属性来自定义它。

我想要关于人们使用哪个框架的建议？我用 preact-habitat 浏览了 ReactJS、RiotJS、VueJS、Web 组件、Preact。他们认为他们不能完全满足我的要求。我想创造像Stripe所做的那样的东西。

我正在编写Svelte项目，其中我有代表一些 js 对象的Message组件。

可以编辑此对象。为此，我决定使用两个嵌套组件MessageEditable和MessageReadable。

它们应该相互替换，具体取决于Message组件的状态。

问题是，当我尝试通过将isEditing属性设置为 false来保存编辑结果并将MessageEditable更改为MessageReadable时，出现错误：

来自控制台的错误图像

我犯了错误还是这是正常行为？绑定是一种好方法，还是有更优化的与父组件交换值的方法？

信息：

消息可编辑：

消息可读：

我正在if根据Svelte Guide 为 if 块制作一个块。看起来很简单，但 Svelte 认为这是一个语法错误：

为什么不{#if index === currentIndex }被认为是有效的？如何在 Svelte 中执行条件语句？

我不能为每个可能的结果class=创建单独的块，但这是大量的工作。

我正在使用Svelte 计算属性示例。具体来说，我正在复制示例：

在 Works.html 中

在我的 JS 中

Rollup 编译我的 Svelte 包没有错误：

但是在浏览器中，生成的模块缺少所有计算机属性。hours例如，与中提到的完全一样

为什么计算属性没有包含在包中？

我怎样才能使它包含在捆绑包中？

使用 vue，我通常将任何复杂的逻辑提取到方法中，例如

但是当我尝试使用 svelte 相同的方法时：

我收到错误消息TypeError: ctx.isComplete is not a function。

难道我做错了什么？怎么做这样的事情苗条的方式？

根据关于 Props 的 Svelte 文档，我正在使用 props 将对父组件的引用传递给子组件。

Props 是“properties”的缩写，是您将数据从父组件传递到子组件的方法

这正是我想做的。这是一个带有我的代码的 Svelte REPL，下面也复制了它：

我的父母是App.html：

子组件是Widget.html：

感谢 props，HTML<p>元素可以清楚地引用父元素。但是，如何在子组件的 JavaScript 中引用父组件中的值？

我刚刚启动了一个新的 Svelte 应用程序，现在当我进行更改时，无论我放入模块中的第一条 CSS 规则如何，汇总都会引发错误，如下所示：

如果我终止汇总过程并重新启动，它会暂时工作，但有点烦人。有没有其他人见过这样的事情？

编辑——为清楚起见，我应该添加一些示例 CSS：

在我的代码中，我想导入一个跨多个组件通用的外部 javascript 文件。然而，当 rollup 构建组件时，它无法解析导入的依赖项，因此它永远不会包含在输出包中。请注意，我正在尝试构建一个苗条的组件（而不是苗条的应用程序），尽管我不确定这会有所作为。这是我的 rollup.config.js：

我们如何将数组传递给 Svelte 模板并遍历内容？

我的 main.js 看起来像：

我的 App.html 文件如下所示：

这似乎应该工作..但没有出现。我也为每个模板尝试了双花括号。