svelte-component相关内容
我该如何做这样的事情: Nested { color: blue; } 即如何将样式从其父组件应用到组件? 推荐答案 您需要使用导出LET将道具传递给父组件,然后将这些道具绑定到子组件中的类或样式。 您可以在要动态设置样式的子项中的元素上放置一个样式标记,并使用为父项导出的变量直接确定样式值,然后在标记上
..
我已经创建了一个包含用户列表的商店,我想使用不同的参数进行订购。 Store.js export const users = writable([ { "id": 11, "name": "Kepler", }, { "id": 13, "name": "Planck", }, // more users going in here
..
有没有更简单的方法来编写以下复选框组件: export let disabled = false; {#if disabled} {:el
..
我有几个Svelte组件和一个定制的可写存储。存储有一个init函数,它是async,它用一些rest API的数据库的表数据填充存储的值。我的组件都必须使用自动订阅来订阅此存储。订阅时,必须调用init。全局思想是在数据库上实现CRUD操作,在存储上执行CRUD操作(用于显示存储的值,即数据库的表,并具有反应性)。 由于init是async,因此返回一个承诺,我需要在我的组件中.then .c
..
我在组件树中有两个非常遥远的组件,我不知道如何在两者之间进行通信。我有搜索组件ListItems和一个存储。 Store.svelte import type {Items} from '../../Models/Items.model'; import { writable } from 'svelte/st
..
我想让user agent上的user agent根据访问者是googlebot来选择是否执行服务器端渲染。 如何在load function中访问它? 我使用的SvelteKit的最新版本是1.0.0。 推荐答案 使用挂钩管理它。 在src文件夹内创建hooks.js: export function getSession(request) { ret
..
我对如何创建自定义元素API有疑问。我已遵循documentation,但收到以下警告: 在生成自定义元素时使用‘tag’选项。你有没有 忘记‘stomElement:True’编译选项了吗?(Link.svelte:1:16) REPL 我已在编译器选项中标记了stomElement:True。 我迷路了……有人能帮帮我吗? REPL 因此,推荐答案似乎并不真
..
如何合并 Svelte 和 ReactJs 的 node_module、项目依赖项? 我看过一些指南,展示了如何将 ReactJS 文件包含到 Svelte 应用程序中 这会产生以下错误: 构造函数不是构造函数错误 解决方案 这里是在 react 中包含一个 svelte 组件的示例.它是由 Rich Harris 撰写的《svelte》作者: https://gi
..
我正在开发一个小型 Svelte 应用程序,用于学习目的(我是 Svelte 的新手). 应用程序在 Bootstrap 4 表中显示来自 randomuser.me API 的用户 JSON. 我目前正在将应用程序集成到组件中. 在 App.svelte 我有: const apiURL = "https://randomuser.me/api/";import { onMo
..
我使用 Sapper 框架,我想打开我自己的开发工具窗口,该窗口应该可以完全访问主窗口的 Javascript 对象. 我正在尝试创建一个带有 svelte 组件和相同 Javascript 上下文的新窗口: var win = window.open('abour:blank')var container = win.document.createElement('div')var wi
..
我正在尝试 https://github.com/FormidableLabs/urql/tree/master/packages/svelte-urql 伙计们. 一切正常,直到今天发行. 我正在使用下面的代码,它给了我这个错误: 错误:函数调用外部组件初始化在 get_current_component (index.mjs:615)在 getContext (index.mjs
..
我试图找出是否可以将每个 Svelte 组件作为单独的自定义元素(带有 Shadow DOM)导出到它自己的 js 文件中(带有任何子元素的导入 - 即依赖项不包含在同一个文件中)文件).甚至有可能吗? 谢谢 解决方案 我假设你正在使用 rollup 和 rollup-plugin-svelte 这样做的方法是使用代码拆分.您可以单独定义输入,这将创建单独的输出.您可以使用输出
..
目标 我正在 Svelte 中创建一个按钮组件,它将呈现为 或 元素,具体取决于它是否是链接.是否可以使用 svelte:component? 这样的事情...... 导出让href:字符串= ''$: 组件 = href ?a : 按钮//其中“a"和“按钮"是 HTML DOM 元素
..
我基本上需要能够触发一个或多个组件( 通过svelte:component动态添加)时,父级中的图标/按钮 单击组件.例如我需要钩住下面用**表示的部分:- let charts = [ ChartA, ChartB, ChartC ]; {#each charts as chart, i}
..
我正在尝试使用onChange处理程序将asYouType函数从libphonenumber-js添加到我的苗条输入中,因为我不确定如何使用2向绑定来完成. 我已经设法实现了这一点,但是它只会格式化数字onBlur,而不是像用户在行为中键入的那样按输入行为输入格式,如此处所示如何更改我的输入,以便在用户键入时将其格式化? import { AsYouType }
..
我需要在Svelte onMount()中使用async-await. 或者也许您可以建议我哪里错了,以及我可以选择使用什么. 要复制 转到此处: https://svelte.dev/repl/000ae69c0fe14d9483678d4ace874726?version= 3.23.0 打开控制台 单击按钮 您应该看到以下消息:"Mounting..."和"A lot
..