Описание тега svelte-3

Используется при обращении к внешней платформе Svelte версии 3.X (которая отличается и не полностью совместима с версиями ниже).
0 ответов

Доступ к компоненту объекта во внешнем обратном вызове?

В следующем коде, в котором submit метод во внешнем модуле JavaScript, возможно ли submit() получить доступ к компоненту объекта? Component.html <button on:click={submit}>Submit</button> <script> import { submit } from './'; </s…
20 авг '19 в 13:44
4 ответа

Как изменить стандартный порт 5000 в svelte?

Я не понимаю, как изменить порт 5000 по умолчанию в svelte на какой-либо другой порт, если мы установим образец шаблона через degit.
20 авг '19 в 20:27
2 ответа

Доступ к свойствам компонента Svelte в обратном вызове?

Представьте, что у вас много свойств в компоненте: let a = 'foo'; let b = 'bar'; // ... let z = 'baz'; Затем вы захотите сделать что-то вроде обновления всех из внешнего обратного вызова, как в другой библиотеке (то есть что-то, что не является и не…
20 авг '19 в 23:13
0 ответов

Интегрировать d3-облако с накопительным пакетом (собственно Svelte)

У меня есть следующий проект Svelte 3, использующий облако d3. Я включаю его в index.html перед головным концом следующим образом: <script src="https://d3js.org/d3.v3.min.js"></script> <script src="https://rawgit.com/jasondavies/d3-cl…
30 авг '19 в 03:41
0 ответов

Как сохранить положение прокрутки после перехода в Sapper?

После навигации с помощью goto() функция в сапере верхняя позиция прокрутки обнуляется. Есть ли простой способ контролировать это. Особенно при использовании replaceState: true, Немного странно, что верхняя часть прокрутки возвращается в ноль с repl…
10 авг '19 в 10:18
3 ответа

Как сделать HTML в Svelte

Я пытался рендеринга HTML, сохраняя HTML в переменной, но он не работает, я также попробовал тройные фигурные скобки <script> let name = 'world'; let val = "" let ans2 = "" let ans3; import showdown from 'showdown'; import validity from 'valid…
20 авг '19 в 21:58
1 ответ

Компонент svelet не обновляется

Я работаю с svelte над личным проектом (springboot + svelte + heroku). Мне трудно понять, почему компонент не обновляется, когда я пытаюсь снова его отобразить: вот суть: https://svelte.dev/repl/a69ac7502677400081122453aa45dfbb?version=3.7.1 Первое …
07 авг '19 в 15:45
2 ответа

Svelte выполняет функцию при изменении любой группы переменных

В приложении Svelte RealWord есть что-то вроде этого: https://github.com/sveltejs/realworld/blob/master/src/routes/_components/ArticleList/index.svelte let query; let articles; let articlesCount; $: { const endpoint = tab === 'feed' ? 'articles/feed…
01 авг '19 в 10:38
1 ответ

Svelte {#await}..{:then} заблокируйте дублирование html с новыми данными

Я пытаюсь использовать Sveltes {#await}..{:then}блок, чтобы показать изображение дня НАСА, но я получаю странный прерывистый результат. На первой странице загрузите изображение и данные загрузятся в полном порядке. Когда я изменяю дату с помощью сре…
05 май '20 в 03:27
0 ответов

Reactive statements triggered too often

Given the following component: <script> import Nested from './Nested.svelte'; let value = {'a':43}; $: console.log('value', value); </script> <Nested bind:answer={value}/> and Nested.svelte: <script> export let answer; $: con…
11 май '20 в 15:55
1 ответ

Почему событие изменения в svelete3 запускается при изменении фокуса?

Svelete docs Событие изменения не запускается при вводе в поле ввода, а запускается только при изменении фокуса. Вот пример фрагмента кода, <script> let name = 'world' const changeHandler = (event) => { name = event.target.value; } </scr…
10 июн '20 в 00:36
1 ответ

Почему я не могу получить доступ к реактивной переменной "$:" внутри тегов скрипта в svelte3?

Я новичок в стройности, начал это неделю назад... Я пытаюсь узнать об этом, я действительно любил... ï¸ â ï¸ это, но у меня проблема... â˜¹ï¸ Я пытаюсь получить доступ к переменной $: в тегах скрипта, но получаю сообщение об ошибке Cannot access 'gr…
17 июн '20 в 10:24
0 ответов

Выбрать один класс в компоненте Svelte?

<script> export let text </script> <button> {text} </button> <style> :global(.bg-primary) { background-color: red ; } :global(.bg-secondary { background-color: blue; } </style> Когда я импортирую свой компонент в …
04 апр '20 в 08:00
3 ответа

Как извлекать массив во время цикла с каждым в Svelte?

<script> let myMessages = ["msg1", "msg2", "msg3"] </script> {#each myMessages as message} <div>{message}</div> {/each} Я хотел бы удалить каждый элемент из myMessages после того, как он был добавлен в DOM, поэтому в конце my…
15 май '20 в 18:22
1 ответ

Могу ли я просто позволить функции предварительной загрузки Sapper просто ждать обещания без необходимости возвращать результат этого обещания?

Я понимаю, что есть preload() функционировать в <script context="module"> и что все, что возвращает эта функция, передается компоненту как внешнее свойство, если вы написали export let whatever в вашем компоненте. Теперь я использую …
12 июл '20 в 14:30
0 ответов

Почему HtmlWebpackPlugin не внедряет скрипт в шаблон с именем файла, установленным в подкаталог?

Если я использую это: new HtmlWebpackPlugin({ template: 'index.html', filename: 'index.html', }), это работает, т.е. scriptтег вставлен в шаблон. Если я использую это: new HtmlWebpackPlugin({ template: 'index.html', filename: 'dev/index.html', }), Ф…
06 июн '20 в 03:14
2 ответа

Ошибка приложения Svelte todo: не отображаются ошибки проверки формы

Я работаю над небольшим приложением ToDo в Svelte в учебных целях (я новичок в Svelte). Я застрял, пытаясь добавить ошибки проверки в форму New Todo. Внутри <script> Теги у меня есть var errors = []; function addTodo(){ //Empty todo object let…
01 июл '20 в 00:49
0 ответов

Дополнительные фрагменты из пакета Sapper

Основываясь на документации Sapper, Rollup объединяет Sapper по страницам. Это должен быть один кусок на странице. Однако в нашей ситуации на странице больше одного блока. Некоторые компоненты и служебные функции (не все, не все, а некоторые) были о…
08 июн '20 в 18:55
1 ответ

Удобный способ получения значений props - в родительском компоненте и передачи дочернему компоненту - после нажатия кнопки

Я учусь стройным и саперным. У меня уже все работает правильно в моем тестовом приложении в одном компоненте, но собирать все приложение в одном компоненте не оптимально. Итак, мой вопрос здесь о том, как вести себя изящно. Имейте это в виду, читая …
06 июн '20 в 01:09
3 ответа

Svelte: приложение /ld+json

Со следующим кодом: <svelte:head> <script type='application/ld+json'> { "@context": "https://schema.org", "@type": "Organization", "url": "https://filestar.com", "logo": "https://filestar.com/logo-512.png" } </script> </svelte:h…
10 ноя '19 в 13:33