问题标签 [svelte]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1144 浏览

svelte - 将函数调用绑定到

嗨,我有一个选择元素,其中最后一个选项应该启动休息呼叫以注销用户

这是我迄今为止尝试过的

问题是注销方法永远不会被调用

更新 问题是我使用click事件而不是change把它放在option元素上而不是select

0 投票
1 回答
174 浏览

svelte - 我可以使用开槽组件在 svelte 中显示其他组件吗?

您好我正在使用 _layout 将我的应用程序分成这样的部分

_layout.html

这就是我想要实现的 在此处输入图像描述

目前我使用内容组件中的 svelte 生命周期挂钩手动将“要显示的组件”设置到插槽中,但这感觉不对,因为路由不包含要显示的组件

感觉我应该通过路由'/'和'/users'包含组件,并且内容组件应该只显示child.component

0 投票
0 回答
3171 浏览

typescript - Rollup + Svelte + typescript:无法使用 rollup-plugin-import-alias

一些有用的汇总插件(typescript、import-alias、svelte)之间的兼容性

请阅读以下安装详细信息设置步骤:

  • 汇总插件导入别名
  • 汇总插件 typescript2
  • 汇总插件苗条

你好,

可以正确构建汇总包...我的配置有什么问题?

我想使用以下插件:

  • rollup-plugin-typescript2:这个强大的打字系统的好处
  • rollup-plugin-import-alias :避免导入(点点斜线点点斜线...)地狱

但是出了点问题……

Rollup 将模块 'App.svelte' 视为外部依赖项,并且不将 'App.svelte' 编译结果包含在包中,这些结果会导致 TypeError : App is not a constructor at runtime,

或者:删除 .svelte 扩展名会导致 TypeScript rpt2 插件语义错误:找不到 App!

  • 如何解决?
  • 汇总插件排序顺序重要吗?
  • rollup-plugin-import-alias、rollup-plugin-svelte 和 rollup-plugin-typescript2 是否兼容?

这是目录布局:

这是我的 tsconfig.json 文件:

这是 rollup.config.js :

这是 App.svelte :

这是 index.ts:

感谢阅读和帮助!

0 投票
1 回答
358 浏览

typescript - Svelte:手风琴选择器的数据绑定

我正在围绕 Svelte (JS) 制作一个医学调查用途的应用程序。我的数据是关于{类别、测试、子测试}

我需要使用手风琴子测试选择器来提供简历条目。

由于体积,设计选择是合并类别和测试级别。用户选择一个类别+测试,手风琴显示可以选择的子测试..

我对 Svelte 的双向数据绑定不太熟悉。我试过这个,但导致类型错误:'ctx.selected'未定义。

问题 :

  1. 如何解决?
  2. 如何在不查询服务器的情况下检索应用程序其他部分中挑选的子测试?考虑我正在使用 svelte-routing 插件和商店

感谢您的回答。

0 投票
1 回答
50 浏览

svelte - 捆绑 unix 和 win10

我有这样一个问题 - 当我在 Unix 下创建包时,它会生成一个包含如下行的包:

如果在 Windows 下:

但是我的 CSS 设计器这样做是为了影响应用程序中树的外观。也许有人会告诉我如何解决这个问题 - 例如,强制 Svelte 生成如下字符串: text2 = createText("\n\n"); 链接到 gitHub https://github.com/kirilletc/svelte.geomixer

链接到捆绑线:win 捆绑:https ://github.com/kirilletc/svelte.geomixer/blob/master/public/winnie_2.0_win.js#L563 unix 捆绑:https://github.com/kirilletc/svelte。 geomixer/blob/master/public/winnie_2.0.js#L563

它的编译示例: windows:https ://kirilletc.github.io/svelte.geomixer/public/index_win.html?config= N72NF unix:https ://kirilletc.github.io/svelte.geomixer/public/?config= N72NF

0 投票
3 回答
1437 浏览

events - 我可以在纤细的组件上添加条件事件吗?

是否可以在父组件中定义的条件下触发事件?

我有一个输入组件,我想在其中捕获输入.. 有时,但大多数时候我不希望事件触发

当前发生的事情是fireEvent被忽略并on:keyup总是触发

更新
我将keyup更改为一个函数调用,我在触发事件之前检查了参数,它可以工作,但有点古怪

有人对这个问题有更漂亮的解决方案吗?

0 投票
1 回答
369 浏览

svelte - SvelteJS:动态添加 N 个组件,其中 N 是输入元素的整数值

使用 SvelteJS v2.16.1。尝试动态添加 N 个组件,其中 N 是在输入元素中输入的值。这是它现在大致的样子:

我想在 {#each} 之类的东西中使用 {quantity} 来动态创建新元素。有点像这样:

但是 {quantity} 是一个整数值,所以我不能在 {#each} 中使用它。

关于如何解决这个问题的任何建议?

0 投票
1 回答
1316 浏览

svelte - How can the sapper static file base URL be specified?

I would like the files that live in static/ to be served at e.g. static/ instead of at /.

I tried just changing the polka "base" in the call to "use(sirv"... but it seems the sapper middleware interferes and makes it 404.

0 投票
2 回答
604 浏览

javascript - 为什么 Tone JS 在 Svelte 组件中表现不佳?

我对 Svelte 相当陌生(我使用的是版本 2,直到 3 版正确发布),我正在构建一个旨在进行一些音频分析 (FFT) 的站点。因此,我将古老的 ToneJS 库 ( http://tonejs.github.io/ ) 合并到我的一个组件中。

出于某种原因,仅仅导入 ToneJS 就足以让整个应用程序崩溃。

这是我的 Svelte 组件的全部内容:

这会导致错误:

这可能不是 Svelte 特有的,但我已经在许多其他项目(包括 React 内部等)中成功使用了 Tone JS,没有遇到任何问题。

这可能是什么原因造成的?以及如何在我的 Svelte 应用程序中开始使用 ToneJS?(使用 Rollup 打包/转译)

0 投票
2 回答
4332 浏览

javascript - JS Sapper:将数据发布到服务器(正确的方式?)

如何使用 Sapper JS lib 正确地将数据发布到服务器?

说:我有一个页面“板编辑器”,我可以在其中从用 SVG 编写的六边形网格中选择/取消选择图块,并在存储数组中添加/减去十六进制坐标。

然后用户填写一个表单,其中包含板:名称、作者和版本...单击保存按钮将 POST 表单数据以及存储中的数组。服务器的工作是将板定义存储在 'static/boards/repository/[name].json' 文件中。

今天,网上几乎没有关于正确使用 Sapper/Svelte 和 POSTing 数据问题的详细信息。

如何进行 ?感谢您的回复!

编辑:

为了避免重新发布整个页面,这意味着丢失应用程序状态,我考虑使用内部带有表单的 IFRAME.... 但是如何在 IFRAME 中初始化 sapper 的副本以确保我可以使用 this.fetch () 方法呢?