Svelte 里怎么用事件修饰符阻止表单提交刷新页面？
我在 Svelte 里写了个表单，点击提交按钮时页面总是刷新，试了加 on:submit|preventDefault 但好像没生效，是不是写法有问题？
下面是我的代码：
<form on:submit|preventDefault={handleSubmit}>
<input type="text" bind:value={name} />
<button type="submit">提交</button>
</form>明明加了 preventDefault 修饰符，为什么还是跳转刷新？是不是还要在 handleSubmit 里手动调 preventDefault()？
- 1
回答
5浏览
Svelte的action怎么传多个参数？
我在用Svelte写一个拖拽组件，想通过action来绑定mousedown事件，但发现action只能接收一个参数。我试过把多个值包成对象传进去，结果在action里解构的时候老是报错，说undef...
- 2
回答
76浏览
Svelte 中的 CSS 作用域到底是怎么工作的？
我在 Svelte 组件里写了样式，发现它只作用于当前组件，但我不太明白它是怎么做到的。比如我写了一个 .btn { color: red; }，在另一个组件里也写同样的类名，样式不会互相影响，这是自...
- 2
回答
20浏览
Svelte 的 action 怎么传多个参数？
我在 Svelte 里写了一个自定义 action，想传两个参数进去，但不知道语法该怎么写。试了下直接传对象好像不行，控制台报错说函数接收的不是预期的类型。 比如在 Vue 里我可以这样写指令： &l...
- 1
回答
16浏览
Svelte中store更新后组件没响应，怎么回事？
我在Svelte里用writable创建了一个store，修改值的时候用了set方法，但页面上绑定的数据没更新。比如我这样写： import { writable } from 'svelte/sto...
- 1
回答
33浏览
Svelte 的响应式赋值到底怎么触发更新的？
我刚从 Vue 转过来学 Svelte，有点搞不懂它的响应式机制。在 Vue 里我习惯用 this.count++ 或者 Object.assign 来触发更新，但在 Svelte 里好像直接写 co...
- 1
回答
27浏览
Svelte中store更新后组件没重新渲染怎么办？
我在用Svelte的可写store管理状态，修改store值之后，页面上绑定的数据没更新，还是显示旧值。明明已经用了$store语法订阅了啊。 我试过在赋值后手动调用set()方法，也试过用updat...
- 2
回答
25浏览
Svelte中store状态更新后样式没生效是怎么回事？
我在Svelte里用writable store管理一个主题颜色，修改store值后DOM内容变了，但CSS变量没更新，样式还是旧的。是不是我写法有问题？ 我试过在组件里直接读取store值，也用了$...
- 2
回答
56浏览
Svelte 中的 CSS 作用域到底怎么生效的？
我在 Svelte 组件里写了样式，发现它自动加了哈希类名，只作用于当前组件，这点挺方便的。但问题是，我用 global 关键字包裹的样式好像没生效？比如我想全局修改某个第三方库的按钮样式，写了： :...
- 2
回答
56浏览
Svelte Store的响应式更新在组件间不同步怎么办？
我在用Svelte的writable store实现两个组件间共享状态，但发现一个组件更新store后，另一个组件没有响应式更新，这是怎么回事？ 比如在主组件里这样写： import { writab...
- 2
回答
59浏览
Svelte Store响应式更新不生效怎么办？
我用Svelte的WritableStore管理全局状态，在Vue组件里用$store语法绑定数据，但修改store后页面没重新渲染。已经检查过确实调用了set方法，控制台也显示数据更新了。尝试过添加...
on:submit|preventDefault而不是on:submit|preventDefault=这样的形式。你不需要在handleSubmit函数中手动调用preventDefault()，因为修饰符已经处理了这个逻辑。你可以这样改写你的代码：
注意
on:submit|preventDefault后面直接跟事件处理函数{handleSubmit}，中间没有等号。这样应该就能阻止表单提交时的页面刷新了。