问题标签 [svelte-2]

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

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

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

我的父母是App.html：

子组件是Widget.html：

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

我目前正在将使用 VueJS 的 Laravel 应用程序迁移到 SvelteJS（用 Svelte 替换 Vue 部分）。

使用 VueJS，我可以轻松地将 props 发送到安装在页面上的组件：

然后稍后访问组件中的 name 属性。

在 Svelte 中，我只能在嵌套时传递道具并在组件中访问它们。

App Component：我可以引用用户组件并发送道具

用户组件：

但我不知道如何将道具发送到未嵌套的组件，即：在独立的用户组件中，我无法发送道具。

我总是得到一个未定义的道具值错误。关于如何实现这一目标的任何想法？

谢谢

我在 Svelte 的onMount方法的帮助下迭代 JSON。我已经在表格中显示了数据。

我无法做的是添加一个迭代计数列。使用{index + 1}.

我怎样才能得到想要的结果？

我正在开发一个小型 Svelte 应用程序，用于学习目的（我是 Svelte 新手）。该应用程序使用在视图中显示的对象数组作为 HTML 表格：

我正在以这种方式进行删除操作：

这里有一个 REPL 。

问题

countries在更新数组（从中删除一个元素）后，我无法再次呈现表（视图）。

我怎么做？

我正在 Svelte 中开发一个用于学习目的的小型 ToDo 应用程序（我是 Svelte 的新手）。

在我看来：

我认为与此处相关的脚本部分：

请参阅此处的 REPL 。

问题是文本字段<input type="text" class="form-control" id="old_todo" value={currentToDo.title} placeholder="Edit Todo">显示undefined而不是当前（需要编辑）待办事项标题。

我的错误在哪里？

有没有办法在 Svelte 3 中绑定对象字段？

例子：

这可能吗？

我正在尽我所能理解使用 Svelte 3 创建类似发票的表单的惯用方式。

我的REPL在这里：https ://svelte.dev/repl/7aca36569aea49bba38e5fb8b1b0835b?version=3.24.1 。

问题：

1. 这是一个好方法吗？我应该使用商店吗？

2. qty当我改变我的行时，有没有办法更新 amountDue price？（我知道我可以做到，rows = rows但在我看来这有点不习惯，我错了吗？）

我正在 Svelte 开发一个用于学习目的的小型 Todo 应用程序（我是 Svelte 新手）。

在 App.svelte 我将TodoItem组件循环导入一个todos数组：

在TodoItem.svelte我有：

由于我没有弄清楚的原因，我Cannot read property 'title' of undefined 在这个组件中得到了一个错误，正如这个REPL所示。

我究竟做错了什么？

我正在 Svelte 开发一个用于学习目的的小型 Todo 应用程序（我是 Svelte 新手）。

在 App.svelte 我将TodoItem组件循环导入一个todos数组：

在TodoItem.svelte我有：

在控制台中，我收到类似这样的错误"<TodoItem> was created without expected prop 'index'"，正如这个REPL所示。

更新

我替换{#each todos as t, index}<TodoItem t/>{/each}为，{#each todos as t, index}<TodoItem t index={index} id={t.id} title={t.title} completed=false />{/each}但我仍然得到undefined标题。

什么不见​​了？

我想警告用户在离开页面之前保存他的更改（表单更改）。如果他单击窗口上的任何位置，我想触发此警报。它可能是返回按钮或重新加载或页面上可用的任何导航链接。有人可以帮忙吗？