Svelte中对"this“组件的引用
Svelte是一种现代的JavaScript框架，用于构建高效的用户界面。在Svelte中，"this"关键字用于引用当前组件实例。它提供了一种简洁而直观的方式来访问组件的属性、方法和状态。
通过使用"this"关键字，我们可以在组件内部访问组件的属性和方法。例如，如果我们有一个名为"count"的属性和一个名为"increment"的方法，我们可以在组件内部使用"this.count"和"this.increment"来访问它们。
此外，"this"关键字还可以用于访问组件的状态。Svelte中的状态是响应式的，当状态发生变化时，相关的部分将自动更新。通过使用"this"关键字，我们可以在组件内部访问和修改状态。
Svelte还提供了一些特殊的组件属性，可以通过"this"关键字来访问。例如，"this.$$props"可以用于访问传递给组件的所有属性，"this.$$restProps"可以用于访问除了已声明属性之外的所有属性。
总结起来，Svelte中的"this"关键字用于引用当前组件实例，可以访问组件的属性、方法和状态。它是构建Svelte应用程序的重要工具之一。
关于Svelte的更多信息和相关产品，您可以访问腾讯云的Svelte产品介绍页面： Svelte产品介绍
相关·内容
1回答
有一种从父作用域中获取子组件实例引用的简单方法，如所示。
我想要的是从组件本身中获取对组件的引用。因此，如果我们查看上面链接的官方Svelte演示，我的意思是我希望从InputField实例中引用InputField实例，而不是从App.svelte中引用。(我想这样做<em
浏览 2提问于2021-11-24得票数 3
回答已采纳
1回答
我对如何引用定义在组件中的存储感到困惑；我不能使用定义为属性的存储。假设我有以下内容：<script lang="ts"> export constprop = writable(false);(App.svel
浏览 0提问于2021-03-06得票数 0
2回答
我知道我可以通过使用bind:this获得对DOM元素的引用 <script> // root is div</script>
content
</div> 如何获得对</
浏览 30提问于2020-07-06得票数 4
1回答
据我所知，目前这似乎是不可能的：https://github.com/sveltejs/svelte/pull/4523#issuecomment-596232030 我想要构建一个树结构，并希望突出显示树上任何位置的活动节点如果我使用存储来写入/读取当前活动的节点ID，这非常简单，只需检查ID是否与组件的ID匹配即可。 但如果我有数千个节点，我担心这可能会变得相当慢，因为每个节点都会在当前ID更改时进行检查。所以我想
浏览 42提问于2020-07-04得票数 2
回答已采纳
我有这个基本的应用程序，有一些组件有一个公共的load方法。对于某些操作，我想在当前的svelte:component上调用该方法，但是我不知道如何获得对组件实例的引用。一个人怎么能这么做？/pages/Wines.svelte'
浏览 2提问于2020-05-25得票数 3
回答已采纳
1回答
如何访问父组件中的子数据？<script></script>
这是子组件： export let term
<input
浏览 1提问于2020-11-22得票数 1
回答已采纳
为什么在从DOM中删除父组件之后，子方法Ondestroy()不调用呢？
<script> let compRef;
<d
浏览 12提问于2022-08-30得票数 0
回答已采纳
2回答
我正在寻找一种从JavaScript (而不是on:语法)的另一个组件中的Svelte组件中侦听分派事件的方法。
是我试图在REPL上实现的代码。预期的行为将是在单击关闭按钮0时在控制台中显示，等等。
浏览 0提问于2020-04-27得票数 1
回答已采纳
1回答
我使用Electron和Electron-Builder已经很长时间了，现在我正在学习Svelte，并尝试在我的项目中使用它。我已经使用这个启动并运行了一个简单的'hello‘项目，但是我对如何引用打包的资产感到困惑--例如，在包含的“资产”文件夹中引用图像或json文件。下面是我的目录结构的图像。如果我在Svelte组件中使用console.log(
浏览 4提问于2022-07-14得票数 0
我有一个store.js文件，它的内容是：export const generateds = writable(0)我找不到我当前项目中的问题所在。下面是我正在使用的npm包的列表：├── @material/layout-grid@7.0.0├──
浏览 2提问于2021-02-23得票数 0
我所在的小组有几个项目，每个项目都是在不同的框架中编写的。我们希望有一些自包含的小部件，其行为和外观是标准的，但可以在任何系统中使用。我认为Svelte听起来是个不错的选择，因为它不需要在前端添加框架。但我找不到任何说明Svelte可以在其他系统中使用的东西；它必须是一个全Svelte应用程序才能拥有Svelte组件。 对吗？或者有什么方法可以将
浏览 30提问于2020-04-10得票数 6
回答已采纳
我目前正在使用这个Svelte组件，我想知道是否有人知道如何更改启动，使它在加载后不打开，这样它只在按下按钮时打开。感谢您的关注。
浏览 0提问于2020-10-08得票数 0
我希望接收来自“上方”的任意道具，并将它们扩展到<input>中，如这里所示，inputProps将成为一个对象，其中包含在此组件上设置的任何附加道具(类似于python的**kwargs，如果您熟悉的话id;</script>
id: {id}</div>
你能指给我正确的</e
浏览 5提问于2019-12-17得票数 11
回答已采纳
1回答
我不完全确定这是否可行，但我想在Svelte运行时动态加载组件的模板。基本上下载一些用户定义的模板，并使用它在运行时构建组件。这真的可以做吗？
浏览 4提问于2022-08-12得票数 1
回答已采纳
我正在使用Svelte与TypeScript。我有个按钮： Click me我正在尝试为单击处理程序设置正确的类型。export let clickHandler: MouseEventHandler<HTMLButtonElement>;
当我使用另一种类型时，我从TS错误中得到了MouseEventHandler然而，这在Cannot find name 'M
浏览 14提问于2022-10-14得票数 0
回答已采纳
更新$orderItems = writable([]) Svelte可写数组存储的正确方式(如果两者都是正确的)是什么？我们假设result是我想在$orderItems末尾推出的一个新项目。
浏览 0提问于2022-05-25得票数 3
回答已采纳
加载包含输入字段的组件之后。我怎样才能专注于这个特定的领域？TextField.svelte export let name = '' <input {placeholder} type="text" {name} bind:value={value} >
<sl
浏览 1提问于2019-08-05得票数 7
回答已采纳
在我的Svelte + Rollup项目src文件夹中，我有两个子文件夹，components和pages。让我来描述一下我的梦想，希望有人能对我的梦想是否可能有所帮助。组件和页面是作为自己的文件导出的(我通过实现了这一点)。
然后缓存组件JS文件。所有以后需要从缓存中提取相同组件的页面调用。另一个潜在<e
浏览 1提问于2019-10-23得票数 0
1回答
我正在学习Svelte，我正在尝试制作一个组件(一个调色板)。我盲目地寻找一个解决方案，其中每个ColorSelector (您单击的颜色div )都是一个Svelte组件。(我很乐意举一个没有使用子组件的例子)
我在selected组件文件中导出一个ColorSelector.svelte属性。除已单击的属性外，我希望在每个被实例化的ColorSelectors上将其中一个属性设置为ColorSe
浏览 2提问于2022-01-26得票数 0
回答已采纳
我一直在尝试在Svelte中使用Ag-Grid。我知道使用这个网格库的主要问题是它需要绑定到一个dom元素，而这个dom元素在代码执行时可能并不存在。我尝试创建一个元素，然后将其放在Svelte组件的HTML部分，如下所示。rowData: $orders };
new Grid(eGridDiv, gridOptions); 然后向下看HTML部分 <eGridDiv /> 但是，新元素似乎不是由Ag-Grid初始化的。那么在Svelte中使用这
浏览 9提问于2019-05-07得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
