反应变量未在Svelte中显示正确的输出
Svelte是一种前端框架，它通过编译阶段将应用程序的逻辑转换为高效的JavaScript代码，并在运行时根据状态的变化来更新DOM。在Svelte中，如果反应变量未正确显示输出，可能是由于以下原因：
- 数据绑定错误：在Svelte中，通过使用
{}将变量绑定到模板中的元素或属性，以实现数据的双向绑定。首先，确保你正确地将反应变量绑定到了对应的元素或属性上。 - 反应变量未正确声明：在Svelte中，反应变量需要通过
let关键字进行声明，并定义初始值。确保你已经正确地声明和初始化了反应变量。 - 响应式声明错误：Svelte中使用
$:语法来定义反应式声明。反应式声明用于监视特定变量的变化，并在其发生变化时执行相应的操作。请确保你正确地使用了$:语法，并在反应式声明中使用了正确的变量。 - 生命周期钩子错误：Svelte提供了一些生命周期钩子函数，可以在组件的不同阶段执行特定的操作。如果你的反应变量未在Svelte中正确显示输出，可能是因为你没有在适当的生命周期钩子函数中更新该变量。
推荐的腾讯云相关产品：腾讯云云开发。腾讯云云开发是一个云原生的全栈服务器开发平台，提供了开发所需的后端服务、前端资源管理、云函数、API 网关、云数据库等一系列功能，极大地简化了开发流程，降低了开发成本。
产品介绍链接地址：腾讯云云开发
相关·内容
1回答
我认为这段代码应该做什么是很明显的，但是输出并不是我期望的那样。<input type="text" bind:value={lastName} /></main> 以下是输出
浏览 9提问于2021-08-10得票数 1
回答已采纳
swiper的创建示例如下： const swiper = new Swiper('.swiper-container', { spaceBetween: 100,
}); 但是，SvelteKit需要像这样导入Swiper： import Swiper from 'swiper/esm/svelte/swiper.svelte'; 但随后new Swiper返回错误消息__vite_ssr_import_1__.default is no
浏览 62提问于2021-08-05得票数 1
回答已采纳
1回答
我想用带有模板帮助器的数据数组来填充我的模板。输出不必是响应式的，所以我猜这很简单。实际上，我不能理解为什么不能在helper中直接在回调中返回输出？它不会写入任
浏览 0提问于2016-01-02得票数 0
我试着用svelte的反应变量。然而，我似乎需要两次定义我的函数。有没有办法摆脱这两条非常相似的线路中的一条？reactive_var = my_function( editable_var, 32 );
删除第一行会扰乱another_var的定义
浏览 8提问于2022-02-07得票数 0
1回答
我用Svelte编写了一个模态组件，它有多个用于控制行为的导出变量。这些变量的值在不同的调用中可能有所不同，但是一旦一个模式显示出来，唯一可能改变的值就是isOpen。这表明isOpen是唯一需要反应性的变量，但是如果我的理解是正确的，其他变量在HTML中的存在也会导致Svelte不必要地为所有这些变量生成反应性代码，不必要地增加代码基础。我<e
浏览 3提问于2021-10-28得票数 0
回答已采纳
当反应变量发生变化时，触发动画的最佳方法是什么？我想做这样的事情： import { fade } from 'svelte/transition' const handleClick</button>
<p> You cliked <strong transition:fade>{count}</strong> times</
浏览 2提问于2020-06-28得票数 3
回答已采纳
1回答
在我的svelte应用程序中，反应性变量不起作用。当我将它们记录在我的控制台上时，它们是undefined。中，我有以下相关代码 export let polls = []; <PollItem {poll} on:vote/>在我的PollItem.svelte中</
浏览 4提问于2021-12-16得票数 2
回答已采纳
我有一个反应变量，每当用户将产品添加到购物车中时，该变量就会更新。let cartItems = []export const cartItemsLength = writable(""); 在我<e
浏览 9提问于2021-04-28得票数 0
回答已采纳
我得到一个未捕获的ReferenceError：$writableArray未在addFoo中定义import {writable} from 'svelte/store'import {subscribe} from 'svelte/internal'
import {writable} from 'svelte/store&
浏览 14提问于2021-05-14得票数 0
我想使用pm2部署我的svelte应用程序。当我执行pm2 deploy production setup时，会得到以下错误：
{ "name": "myapp-frontend",
"version": &qu
浏览 3提问于2022-10-18得票数 2
2回答
我正在尝试将Svelte与gridstack结合使用。但是当我在js中添加我的Svelte组件时，它不能正确显示。这将添加一个按钮，但是样式不起作用，并且输出不会打印到日志中。<script> import Button from "./Button.svelte";
impo
浏览 6提问于2020-11-25得票数 1
我在尝试从商店中删除商品时遇到问题。我有一个路由/view/:id，并使用这个id从一个自定义可写存储(items)访问一个值。我编写了一个简单的选择器方法来根据id检索条目数据，并创建了一个reactive $: item变量来监听更改(可以在此视图中编辑条目)。以下是我的<script>中的详细信息export let params: { id?:17
如果我在超时中包装items.delet
浏览 1提问于2021-02-25得票数 1
在下面的示例中，当获取数据时，“加载.”将显示文本。
是否有一种方法可以避免在初始加载后显示此加载状态？所以当你点击“更新”按钮，而不是显示“加载.”它会将现有数据保留在.loading类中，并且在加载新数据时用新数据更新它？
浏览 5提问于2021-06-18得票数 1
回答已采纳
1回答
我希望使用浏览器的本机支持，通过<input type"reset">元素将表单的所有字段值重置为其默认或初始状态。在HTML中 在原生超文本标记语言中，单击reset input将删除任何用户输入，并将字段重置为中设置为value inline参数的值：value='default value'，如果该参数为空或缺失中 在Svelte中，value属性似乎从未在html中<
浏览 11提问于2021-04-20得票数 2
回答已采纳
使用svelte文档中的onMount照片示例，我可以使用自己的rest (还有另一个待做的.)显示数据。我改变了它，把照片html放在一个单独的组件中，它就能工作了。稍后，我从商店中删除了todo初始列表，并在App.svelte中添加了一个App.svelte提取。结果是一个空的待办事项列表，但当我与应用程序交互时，数据会显示出来。这是控制台
浏览 0提问于2021-04-29得票数 1
回答已采纳
下面是我所想象的： <script>function function_here(event){ condition =type1</button> <button>type2</button>
{/if} 如果仅在循环post结果期间，如果发现条件匹配，则需要更改变量“posts.object1”的状态如何在svelte中将函数放在if块之间？
浏览 24提问于2020-09-14得票数 3
我使用svelte客户端模板在codesandbox中创建了一个svelte项目。当我在它自己的窗口中打开沙箱的输出时，标题是"Sandbox - CodeSandbox“。默认模板使用rollup，但是它在sandbox.config.json文件的顶部指出它不会影响沙箱中的它，这似乎是正确的。也没有可在其中编辑它的现有index.html文件。https:/
浏览 18提问于2019-10-16得票数 0
回答已采纳
VS代码显示Svelte文件的“问题”，因为CoffeeScript被解释为JavaScript：注意，这只是VS代码工具的一个问题；在构建项目时，将正确检测CoffeeScript并将其编译到JavaScript中。我尝试为Svelte +CoffeeScript配置VS代码的步骤：
如果一个svelte</e
浏览 12提问于2021-01-24得票数 4
1回答
我开始做项目，我试着用svelte +打字本和webpack。我遇到的问题是webpack和没有捕捉到打字错误。.tsconfig是正确的，我用于开发的VSC能够突出显示类型记录错误，但是webpack构建时没有问题。这种奇怪的行为只涉及.svelte文件。正常的.ts被正确地处理。有没有人知道如何强迫webpack捕捉svelte文件中的ts错误？
浏览 7提问于2022-08-30得票数 0
中的代码$: nameUpperCase = name.toUpperCase();
console.log("RUNNINGHERE 01", age); console.log("RUNNING HERE 02", age);如果name的值发生变化，那么nameUpperCase也会发生变化但是对于第二部分，当name或age的</
浏览 7提问于2020-02-03得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
