Вопросы по теме 'svelte-3'
Как отрендерить html в svelte
Я попытался отобразить html, сохранив html в переменной, но он не работает, я также попробовал тройные фигурные скобки
<script>
let name = 'world';
let val = ""
let ans2 = ""
let ans3;
import showdown from 'showdown';...
3049 просмотров
schedule
24.08.2022
Тестовый пример Svelte Jest, придающий document.getElementId значение null
Я пытаюсь написать пример модульного теста для моего компонента svelte, используя библиотеку jest-transform-svelte. Ниже приводится компонент:
XYZ.svelte
<script>
function submit() {
var name =...
1148 просмотров
schedule
15.05.2023
Svelte 3 - Как зациклить каждый блок X раз
Я надеюсь найти способ перебрать блок #each заданное количество раз в Svelte 3. В Vue я бы сделал что-то вроде этого:
<li v-for="i in 3"><!-- somecontent --></li>
Но насколько я понимаю, Svelte обрабатывает циклы...
7826 просмотров
schedule
10.09.2023
Как использовать собственные методы магазина в svelte?
Я делаю модальное окно с его атрибутами, хранящимися в магазине. Вместо того, чтобы открывать его вот так, из элемента: on:click={() => $modal.isOpen = true}
Я хочу открыть это так: on:click={() => $modal.toggle()} из элемента.
Вот...
1270 просмотров
schedule
20.02.2022
Сохранить привязку окна в svelte store
Привет милые люди интернета,
Я создал слушателя для позиции прокрутки пользователя: <svelte:window bind:scrollY={y} /> Я хотел бы сохранить эту переменную в магазине, чтобы сделать ее доступной для всего веб-сайта. Но для этого мне...
210 просмотров
schedule
27.05.2022
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"...
635 просмотров
schedule
26.12.2022
Svelte: перемонтировать компонент для перезаписи медиа-элементов
Контекст
В моем приложении Svelte у меня есть несколько страниц, на каждой из которых отображается одно или несколько видеороликов. Для рендеринга видео я повторно использую видеокомпонент (упрощенный):
// video component
<video...
879 просмотров
schedule
19.06.2022
Стройное поле фиксированной длины
Я разрабатываю приложение Svelte; и в этом случае я хочу отобразить несколько строк с 5 полями. Одно из полей содержит описание, и, чтобы выделить это поле, я хочу дать ему фиксированную длину.
Я пробовал эту функцию JavaScript:
const...
121 просмотров
schedule
16.04.2023
как использовать jquery и таблицы данных из svelte с помощью npm
Я пытаюсь использовать плагин DataTables jQuery от svelte, и я бы не хотел включать их в свой index.html. Я хочу сослаться на это из npm.
Я пробовал с этим:
<script>
import { onMount } from 'svelte'
import jQuery from 'jquery'...
802 просмотров
schedule
28.02.2022
Svelte sapper - onMount не стреляет
Изначально я разместил эту проблему здесь , потому что считал, что это ошибка, но я не получаю ответов.
В основном onMount не вызывается в моих саперных маршрутах. Может быть, сапер не увлажняет мой компонент после того, как сервер изначально...
676 просмотров
schedule
31.07.2022
Svelte v3 программно создает компонент с реквизитами и слушателями событий
Можно ли создать компонент и программно присоединить к нему слушателей событий?
Я знаю, что это легко возможно для реквизита, использующего <svelte:component/> , путем распространения { ...props } . Интересно, можно ли добиться чего-то...
1441 просмотров
schedule
29.04.2022
Svelte 3: не удалось импортировать модули при модульном тестировании
Я пытаюсь протестировать компонент Svelte с помощью Jest. Этот компонент отлично работает в браузере, но при импорте модулей модульный тест не работает.
Например, при запуске Jest import uuid from 'uuid' компилируется как const { default: uuid...
2005 просмотров
schedule
11.01.2023
Привязка ввода Svelte прерывается, когда реактивное значение является ссылочным типом?
(Я новичок в Svelte, поэтому вполне вероятно, что я здесь что-то делаю не так)
ОБНОВЛЕНИЕ: я добавил второй, немного другой REPL, который может лучше продемонстрировать проблему. Попробуйте это:...
1361 просмотров
schedule
16.06.2022
Svelte доступ к переменной хранилища в теге скрипта дочернего компонента
У меня есть приложение Svelte & Sapper, в котором я использую записываемое хранилище Svelte для настройки переменной с начальным значением пустой строки:
import { writable } from 'svelte/store';
export let dbLeaveYear = writable('');
В моем...
1946 просмотров
schedule
28.05.2022
Прослушивание отправленного события из компонента Svelte
Я ищу способ прослушивать отправленное событие из компонента Svelte в другом компоненте из JavaScript (а не из синтаксиса on: ).
Вот код, который я пытаюсь достичь в REPL.
Ожидаемым поведением будет отображение 0 в консоли при нажатии...
314 просмотров
schedule
28.03.2022
Маршрутизатор Svelte / yrv: как мне получить доступ к параметрам маршрутизатора в компоненте?
Подобно Как связать переменную, объявленную с помощью директивы Svelte let? , но эта проблема была вызвана ошибкой Svelte, которая теперь, по-видимому, исправлена - это происходит в Svelte 3.23.0, последней доступной версии.
Я использую Svelte и...
222 просмотров
schedule
11.12.2021
Назначение хранилища Svelte вызывает defaultwritable (). Set, а затем custom .set?
Соответствующий REPL
У меня есть простое записываемое хранилище с настраиваемым методом set :
import { writable } from 'svelte/store';
function createState() {
const {subscribe, set, update} = writable({a: 0, b: 0});
return {...
491 просмотров
schedule
15.01.2023
Совместное использование состояния между несвязанными компонентами - Svelte
Я работаю над стройным приложением, в котором я создал магазин, который обновляю при определенных событиях. Я импортировал магазин в другой компонент с другим каталогом. Я подписался на магазин, поэтому всякий раз, когда в магазине вносятся...
93 просмотров
schedule
06.10.2022
svelte-sapper выбор каждого элемента списка блоков для удаления - получить идентификатор
У меня есть список заказов, хранящихся в БД. Я использую каждый блок для отображения всех заказов с кнопкой удаления. Когда я нажимаю кнопку удаления, мне нужно получить идентификатор элемента списка CLICKED, чтобы я мог просмотреть этот порядок в...
76 просмотров
schedule
22.09.2022
Svelte - изменить стиль навигационного элемента при нажатии
Я использую Bulma CSS для создания компонента навигации в Svelte, и я хотел бы сделать каждый элемент навигационной панели выделен жирным шрифтом, если class: is-active истинно. В настоящее время я сделал следующее:
<script>...
307 просмотров
schedule
13.06.2023