svelte相关内容
我正在尝试用Svelte构建一个简单的组件。带回退的图像组件,以防src无效。这是我的代码,它不起作用。我尝试了许多变体(On:Error而不是onError,在挂载时听到Error,但有时为时已晚),但都不起作用。 你知道什么是正确的方法吗? import TCFavIcon from '@src/common/icons/TCFavIcon.png';
..
我要在Routify上使用I18N基本路径。 换句话说,我的URL是这样的:www.example.com/about-us/ 我想将其更改为:www.example.com/[CURRENT_LANGUAGE]/about-us/ 我关注了官方网站提供的the example,但它对我不起作用。当我添加/ru/或/en/前缀时,它起作用了。但是,当我通过单击href更改URL时
..
可能需要直接对Svelte组件的If语句或每个循环中的变量执行操作。在本例中,我们在一个HTML‘each’循环中有一个变量jVar,并且我们希望将jVar的值更改为从调用‘updateJ’函数返回的任何值。
{#each cats as { id, name, isCu
..
我正在使用urql和Svelte,我很高兴。 有一件事我想改进,但我不知道如何改进。 很多次我的代码都是这样的: import { operationStore, query } from "@urql/svelte"; import { EntertainmentPlayerDocument } from "generated/qu
..
每当Svelte中的视区方向为纵向模式时,我都要显示黑色背景的消息。 我使用svelte-viewport-info获取了视区的方向。 import Viewport from 'svelte-viewport-info' console.log('standard Screen Orientation: ',Viewport.Orient
..
对于NodeJS项目,我通常只遵循以下标准示例: var mysql = require('mysql'); var connection = mysql.createConnection({ host : 'localhost', user : 'me', password : 'secret', database : 'my_db' });
..
我有几个围绕普通选择字段构建的组件,这些组件在我最近更新Svelte之前一直运行得很好。 我使用对象作为值,Svelte似乎很好地支持这一点。以前,这还会在选择字段中预先选择匹配选项。但是,现在它只将SELECT显示为空。 在此示例中,如何让选择字段显示已存储在chosen中的选项? let opts = [ {pk:1, name:"f
..
在本例中,对象上的方法和函数似乎都以相同的方式修改对象的属性,两者都使用赋值。但只有函数调用才会触发重新呈现。为什么会这样?有没有办法修改该方法,使其也触发重新渲染?(不将属性转换为存储区) ->;REPL class N { constructor() { this.numbers = [1,2,3]
..
我已经用DIGIT设置了Svelte。 开发服务器使用以下命令启动 rollup -c -w 我没有对任何文件进行任何修改。 但是在./public/文件夹中,我有一个很大的文件夹,里面有许多子文件夹,其中有图像和json文件(>;2 GB)。这些文件包含我想稍后获取到运行svelte的SPA中的帖子。 当我启动dev服务器时,该命令停止,没有错误消息: $npm运行开发
..
从sveltekit应用程序启动骨架项目后。我的索引有一种形式: let name let password async function submitit(){ // console.log("name is :", name) // console.log("password is :", password)
..
我需要获取在svelte中的each循环内创建的每个div的引用,然后当用户单击上一个div时,我将使用该引用来切换某个div的css类。 let contentOptions; function handleClick(event) { contentOptions.classList.toggle("close");
..
我已经创建了一个包含用户列表的商店,我想使用不同的参数进行订购。 Store.js export const users = writable([ { "id": 11, "name": "Kepler", }, { "id": 13, "name": "Planck", }, // more users going in here
..
我正在为项目中的情态程序使用svelte-simple-modal的getContext。 有没有办法在TypeScrip文件中使用getContext等? 在文字脚本文件中调用svelte函数时出现500: Function called outside component initialization。 我已经尝试了how-do-you-import-a-svelte-compon
..
我正在尝试将自己编写的TypeScrip模块导入到Svelte组件中。但是,当我尝试使用以下行导入模块时收到以下错误 import {TelegramBotForSafetyMania} from '../telegram_bot'; 我们收到以下错误: 因此,我们尝试通过在文件名末尾写入.ts来定义导入文件的格式: import {TelegramBotForSafety
..
假设我创建了一个名为Component的组件,我这样命名它。 This text goes in the slot 在组件内部,我可以使用在html中显示该文本。如何在脚本部分引用它的值?是否有存储它的变量? 推荐答案 若要获取槽内容,您需要应用技巧。 在组件中,将slots包装到span中,并使用
..
我正在尝试让FastAPI与Svelte一起工作。我已经用Svelte构建了静态文件,现在我正尝试从FastAPI提供它们。问题是,构建的Svelte文件引用了例如来自根目录的global.css,这意味着我不能将它们挂载在子文件夹上。 相反,我必须将它们挂载到根目录: app.mount("/", StaticFiles(directory="web/public", html=Tr
..
https://svelte.dev/repl/f8db4771ba794c658d7c25a6e72d1b46?version=3.18.1 中的代码 有两个“反应变量”: $: nameUpperCase = name.toUpperCase(); $: if (name === "city") { console.log("RUNNING HERE 01", age);
..
我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。 对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.html并运行我用Svelte构建的应用程序 推荐答案 我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.htm
..
如何使用svelte有条件地呈现html元素上的属性?需要说明的是,我谈论的不是条件值,而是属性存在本身。 例如,我只想自动聚焦此输入列表中的第一项: {{#each codeInputs as codeInput, index}} {{/each}} 属
..
假设我有一个/foo路由。但有时人们使用语言参数/fr/foo点击/foo。其他时候,他们可能会用一种语言和一个国家:/ca/fr/foo 所以我需要一个像 这样的路由表 [country]/[language]/foo [language]/foo /foo 这些都指向同一页。 我应该像这样创建树吗? src/routes └── [country] └─
..