Вопросы по теме 'svelte-component'
Как создать и стилизовать стройные 3 пользовательских элемента с вложенными компонентами?
Я пытаюсь создать custom-element (веб-компонент) в svelte 3. Я не могу найти ни одного способ стилизовать вложенные компоненты из css. Svelte удаляет стили перед тем, как внедрить их в <style> внутри ShadowDOM.
Проблема в том, что я...
2433 просмотров
schedule
12.10.2021
Передача события: click в динамически созданное ‹svelte: component /›
Мне в основном нужно иметь возможность запускать что-то в одном или нескольких компонентах (которые динамически добавляются через svelte: component) при нажатии значка / кнопки в родительском компоненте. например Мне нужно зацепить части,...
5607 просмотров
schedule
09.10.2021
Компонент виртуального списка Svelte - функция не работает после фильтрации списка
Я использую виртуальный компонент в компактном проекте. Я добавил фильтрацию в список. Моя проблема в том, что функция в моем проекте перестает работать, когда я фильтрую список, я предполагаю, потому что элемент списка еще не находится в домене...
355 просмотров
schedule
02.11.2021
Можно ли встроить компонент Svelte в приложение, отличное от Svelte?
Я работаю в группе, у которой есть несколько проектов, каждый из которых написан в разных рамках. Мы хотели бы иметь несколько автономных виджетов, поведение и внешний вид которых являются стандартными, но могут использоваться в любой из систем. Я...
887 просмотров
schedule
22.02.2022
Как рендерить Svelte на стороне сервера?
Могу ли я каким-то образом создавать исходные файлы HTML с помощью Svelte?
Я использую Django, Webpack и Tailwindcss. Я хочу использовать Svelte со своим интерфейсом, но я не хочу отказываться от скорости, которая достигается при простом рендеринге...
4503 просмотров
schedule
06.03.2022
Данные Svelte Sapper onMount обновляются только при входе в систему после перезагрузки страницы?
Я пытаюсь получить данные о компоненте из внешнего API. У меня есть запрос данных на компоненте боковой панели в блоке onMount.
Когда пользователь входит в систему и переходит на страницу с боковой панелью, отображаются данные из последнего...
680 просмотров
schedule
24.03.2022
как связать изящные значения динамических компонентов
Скажем, у меня есть это основное приложение:
import Field from '../components/Field.svelte';
var fields = [
{
id: 'Check',
type: 'CheckBox',
value: false,
},
{
id: 'Text'
}
];
var components = {};
$:...
3075 просмотров
schedule
30.03.2022
Анализировать полученные хэштеги и создавать ссылки с упрощенной маршрутизацией
Я получаю с сервера динамический контент, который может включать хэштег:
{content: text text #Cup}
Делает:
<script>
import { link } from "svelte-routing"
function hash(text) {
return text.replace(/\#Cup/,...
145 просмотров
schedule
27.03.2022
SvelteJS: передача данных компонентам
В настоящее время я переношу приложение Laravel, которое использует VueJS, на SvelteJS (замените часть Vue на Svelte).
С VueJS я могу легко отправлять реквизиты компонентам, установленным на странице:
<users :name="John...
2542 просмотров
schedule
19.05.2022
Вывод стройной составляющей
Когда я добавляю стройный компонент на страницу, я создаю новый экземпляр класса.
import ComponentA from "./Component.svelte";
let component = new ComponentA({...});
<ComponentA/>
И каждый раз компонент разрушается и создается заново....
107 просмотров
schedule
26.06.2022
Какие все свойства доступны для объекта Component в Svelte?
import ItemPanel from '../Panel/ItemPanel.svelte';
Если я регистрирую console.log(ItemPanel) , я получаю определение класса:
class ItemPanel extends SvelteComponentDev {
constructor(options) {
super(options);...
88 просмотров
schedule
03.07.2022
Отправка события DOM от потомков к родительскому из функции, а не из элемента DOM (без createEventDispatcher)
Я пытаюсь понять, есть ли способ перенаправить событие DOM (форма одного) в родительский после внутреннего вызова функции.
REPL : https://svelte.dev/repl/8eb540552faa4651a398b182fa5cdd48?version=3.24.1
Как видите, я вызываю validate() в...
57 просмотров
schedule
10.09.2022
Svelte: использовать функцию родительского компонента
В моем App.svelte у меня есть следующий код с моей функцией:
<script>
import Categories from "./Categories.svelte";
let choice = { category: false };
export function toggle() {
choice.category =...
35 просмотров
schedule
26.09.2022
Асинхронная загрузка компонентов Svelte в версии 3
Я хотел бы задать вам вопрос об обновлении простого примера с версии 2 до версии 3.
Этот пример загрузки асинхронного компонента svelte v2 работает ( https://codesandbox.io/s/0ooo3z8nqp ) , но этот, написанный для v3, не работает (...
1132 просмотров
schedule
21.02.2023
Вызвать функцию javascript и отобразить элемент в Svelte
Как добавить вызов пользовательской функции в компактный код? Например. в DataTableTest.svelte я хочу добавить функцию cellFormatter, чтобы она вызывалась автоматически и отображала div внутри. Ниже приведен код:
ABC.svelte
import...
2153 просмотров
schedule
13.10.2022
Интегрируйте Sass-версию MaterialCSS или Bulma в Svelte
Я ищу инструкции, как интегрировать sass-версии Materializecss или Bulma в Svelte. Моя цель - иметь возможность импортировать отдельные компоненты (например, компонент кнопки или компонент карты) в отдельный тонкий компонент. Кроме того, я хотел бы...
2599 просмотров
schedule
18.04.2023
Вычисленные значения в объекте | Svelte
Я кодирую несколько проектов, чтобы изучить Svelte, и я пытался создать что-то похожее на электронную таблицу, где пользователь вводит или меняет числа и которые реактивно производят некоторые вычисления с предопределенной формулой (пользователь не...
767 просмотров
schedule
07.03.2023
Svelte bind: offsetWidth с контекстом
Вот как я создаю стройный контекст:
<script>
import {setContext} from 'svelte'
let layoutWidth
setContext('layout', {layoutWidth})
</script>
<div bind:offsetWidth={layoutWidth}><slot/></div>
Если я попытаюсь...
443 просмотров
schedule
21.10.2022
Svelte - текст внутри моей кнопки не меняется
Ситуация следующая:
У меня есть несколько кнопок, которые выполняют разные асинхронные функции.
Все они кнопки прогресса
Я хочу, чтобы при нажатии кнопки менялась метка, указывающая на состояние функциональности (название функциональности,...
255 просмотров
schedule
08.05.2023
Нет доступа к имени моего компонента Svelte на страницах Gitlab
Я делаю СПА в Svelte. Он работает локально и в Svelte REPL, где отображается компонент внутри условия, но не при развертывании на Gitlab Pages.
# .gitlab-ci.yml
script:
- npm install
- npm run build
В моем App.svelte я использую...
69 просмотров
schedule
18.12.2022