svelte-3相关内容
在Svelte组件中,我试图访问我在汇总配置文件中设置的对象。 我的rollup.config.js文件如下: import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }),
..
我是Svelte的新手,我正在尝试使用Svelte在全屏幕上渲染画布。听起来很容易做,但我不能让它正常工作。我将width和height变量绑定到父级的clientWidth/clientHeight,并使用这些变量设置画布的尺寸。现在的问题是,当调用onMount时,width和height变量被设置,但它们还没有应用于Canvas元素。这意味着当画布第一次渲染时,它仍然具有初始尺寸,而不是父级
..
我要在Routify上使用I18N基本路径。 换句话说,我的URL是这样的:www.example.com/about-us/ 我想将其更改为:www.example.com/[CURRENT_LANGUAGE]/about-us/ 我关注了官方网站提供的the example,但它对我不起作用。当我添加/ru/或/en/前缀时,它起作用了。但是,当我通过单击href更改URL时
..
我正在使用urql和Svelte,我很高兴。 有一件事我想改进,但我不知道如何改进。 很多次我的代码都是这样的: import { operationStore, query } from "@urql/svelte"; import { EntertainmentPlayerDocument } from "generated/qu
..
在本例中,对象上的方法和函数似乎都以相同的方式修改对象的属性,两者都使用赋值。但只有函数调用才会触发重新呈现。为什么会这样?有没有办法修改该方法,使其也触发重新渲染?(不将属性转换为存储区) ->;REPL class N { constructor() { this.numbers = [1,2,3]
..
我已经用DIGIT设置了Svelte。 开发服务器使用以下命令启动 rollup -c -w 我没有对任何文件进行任何修改。 但是在./public/文件夹中,我有一个很大的文件夹,里面有许多子文件夹,其中有图像和json文件(>;2 GB)。这些文件包含我想稍后获取到运行svelte的SPA中的帖子。 当我启动dev服务器时,该命令停止,没有错误消息: $npm运行开发
..
我已经创建了一个包含用户列表的商店,我想使用不同的参数进行订购。 Store.js export const users = writable([ { "id": 11, "name": "Kepler", }, { "id": 13, "name": "Planck", }, // more users going in here
..
我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。 对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.html并运行我用Svelte构建的应用程序 推荐答案 我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.htm
..
有没有更简单的方法来编写以下复选框组件: export let disabled = false; {#if disabled} {:el
..
我有几个Svelte组件和一个定制的可写存储。存储有一个init函数,它是async,它用一些rest API的数据库的表数据填充存储的值。我的组件都必须使用自动订阅来订阅此存储。订阅时,必须调用init。全局思想是在数据库上实现CRUD操作,在存储上执行CRUD操作(用于显示存储的值,即数据库的表,并具有反应性)。 由于init是async,因此返回一个承诺,我需要在我的组件中.then .c
..
在Svelte RealWord App中有这样的内容: $: query && getData(); 页面大小或其他查询参数更改时调用REST API。 我对上市实体也有类似的情况,并做到了: $: activePage && sort && pageSize && getData(); 这一切都运行得很好(尽管&;&;是一个奇怪的构造,表示我要在acti
..
我对如何创建自定义元素API有疑问。我已遵循documentation,但收到以下警告: 在生成自定义元素时使用‘tag’选项。你有没有 忘记‘stomElement:True’编译选项了吗?(Link.svelte:1:16) REPL 我已在编译器选项中标记了stomElement:True。 我迷路了……有人能帮帮我吗? REPL 因此,推荐答案似乎并不真
..
我不知道如何键入Svelte 3反应语法变量。 import type { Player, Team } from "./types"; import { DEFAULT_PLAYER } from "./utils"; $: player = DEFAULT_PLAYER as Player; $: team = { searc
..
我希望能够管理我的SvelteKit应用的历史记录,同时确保SvelteKit的整个路由系统不会受到任何影响。 类似: function routeToPage(route: string) { router.push(`/${route}`) // equivalent of this function } 推荐答案 感谢SvelteKit Discorde中的The
..
https://tailwindcss.com/docs/background-image#arbitrary-values 这就是我想要使用TailWind BG-Image功能的方式。这在使用SvelteKit Next 160和TailWind 3.0.9时不起作用。 编码: import globe from '$assets/bg/bg_globe
..
我正在使用 Svelte 3 + Snowpack 3 + Routify + Svelte-i18n.我没有使用 Sapper.我用这个模板安装了所有东西.这是我的存储库,您可以在其中查看我的所有文件. 我正在关注官方教程 svelte-i18n. 问题:我无法使用他们的教程翻译我的页面.我希望它异步工作,因为我将有很多页面的大量翻译. 但是当我在我的 .svelte 文件中使
..
我想用以下形式在 Svelte 中渲染一个数组,其中每个循环有两个嵌套. const arr = [[ a, b, c ],[ d, e, f ],[ g, h, i ]]{#每个 arr 作为行,rowIndex}
{#每一行作为单元格,cellIndex ($arr[rowIndex][cellIndex]) }
{单元格}{
..
在以下组件(称为“注释屏幕")中,组件 DocPicker 让用户设置变量 selectedDoc,该变量又应该更新两个组件:Form 和 SearchResultView. 从'../../types.js'导入类型{ AppScreen, QuestionGouv };从“../../Screen.svelte"导入屏幕;从'./DocPicker/DocPicker.svelte'导入Do
..
在 Svelte 应用中,我有以下国家/地区数组: 让国家= [{名称:“Alegeria",状态:“1"},{名称:“保加利亚",状态:“0"}] 注意 status 属性是一个字符串.我以这种方式迭代数组: {#if countries.length >0}国家Status
..
我正在构建一个 Svelte 输入组件,它应该可以在同一页面上多次使用. {label}
尝试关联标签和输入我有以下问题: 我无法通过将外部 更改为 来使用隐式关联,因为输入不是直接子级. 我不能使用标签 for 属性,因为重复使用该元素会创建可变的相同 ID. 有没有办法在 Svelte 中
..