Вопросы по теме 'lit-element'

Лит-элемент со свойствами объектного типа
Как использовать Lit-элемент со свойством Object-type? Я думаю, что определение myelement работает: static get properties() { return { whales:Object } } constructor() { super(); this.whales={"nb":0}; } html, это также...
4733 просмотров
schedule 06.11.2022

Как сделать пользовательскую таблицу в пользовательском элементе?
Я работаю над пользовательским элементом с помощью lit-element . Я хочу создать свой собственный элемент таблицы, но есть некоторые проблемы. Во-первых. Похоже, что браузер разрешает использовать теги tr , td только для table . <!--...
1111 просмотров
schedule 02.12.2023

как правильно взаимодействовать с внутренними компонентами внутри shadowDom с помощью lit-element?
Я пытаюсь использовать бумажный диалог в своем пользовательском компоненте. Я хочу иметь возможность открывать диалоговое окно вне компонента. Как лучше всего это сделать? (все примеры работают непосредственно на компоненте) Также диалоговое...
149 просмотров
schedule 07.09.2022

Привязка Lit-Element к svg-изображению. TypeError: Не удается прочитать свойство «разделить» на ноль
Я пытался привязать простой URL-адрес (строку) к тегу изображения внутри элемента svg. Но я получаю следующую ошибку: TypeError: Cannot read property 'split' of null и в браузере не отображается изображение. Изображение, а также привязка работают...
1061 просмотров

как отображать объекты в компоненте litelement
Я хотел бы знать, как отобразить два разных значения объекта в компоненте светового элемента. render() { ${this.providerList.map(function (provider) { ${this.query.map(function (query) { return html` <div class="card...
256 просмотров

Лучшие практики интернационализации / локализации с lit-element / lit-html
Спасибо за чтение. Я новичок в полимере / освещенном элементе, lit-html. Я начал со стартового набора PWA. И, к моему удивлению, здесь используются не полимерные элементы, а световые элементы. Я попытался применить поведение локализации...
1204 просмотров

Где находится световой элемент состояния и setState?
Исходя из фона реакции, мне было интересно, где эквивалент состояния и setState в lit-element, я не смог найти ничего полезного в документах lit-element. это частная собственность? или requestUpdate ?
652 просмотров

как реализовать пакет lit-element-bootstrap в lit-lement
Я хотел бы реализовать пакет lit-element-bootstrap в lit-element. Я получаю следующую ошибку в консоли, Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for...
492 просмотров
schedule 08.08.2023

Как загрузить модуль javascript es6, определенный во время выполнения?
Я разрабатываю SPA, который содержит несколько информационных панелей. Каждая информационная панель представляет собой набор веб-компонентов с соблюдением макета. Эти компоненты не известны статически. Они определяются во время выполнения. Я...
783 просмотров

Использование полимерной службы с локальным сервером API
Я хочу использовать polymer serve для обслуживания моего приложения LitElement во время разработки, не дожидаясь завершения polymer build после каждого изменения. Однако приложение использует относительные URL-адреса для доступа к API, например...
499 просмотров
schedule 18.04.2024

как избежать переопределения веб-компонента в lit-element?
import { LitElement, html } from 'lit-element'; class MyPublic extends LitElement { render(){ return html` <p>A paragraph</p> `; } } customElements.define('my-public', MyPublic); Подобный общедоступный...
115 просмотров
schedule 14.11.2022

Сохранение хранилища избыточности в локальном хранилище — с помощью элемента lit
В настоящее время я пытаюсь сохранить подмножество моего редукс-состояния в локальном хранилище. Я использовал документацию из Стартовый комплект PWA для реализации базового хранилища, которое пока работает нормально, но сохраняет только полное...
328 просмотров

Lit-element: как работать с npm-пакетами, отличными от esm?
Я пришел из мира create-react-app / webpack-babel-react. Как вы, ребята, интегрируете сторонние пакеты npm, не относящиеся к esm, при работе с Lit-Element ? Я строю на основе проекта, созданного с помощью open-wc . Пока мне очень нравится, что...
84 просмотров
schedule 19.06.2022

LitElement и .bind (это)
Я нахожу немного запутанным, иногда вам нужно привязать контекст к вызову функции, а иногда нет. Когда именно можно этого избежать, а когда нет? В чем разница между этими строками? <a @click="${this.handler.bind(this)}">link</a>...
121 просмотров
schedule 12.06.2023

Почему пользовательские события предпочтительнее обратных вызовов атрибутов в веб-компонентах?
В веб-компонентах, как и в React, мы отправляем данные вниз, а события - вверх. В React обычно отправляют событие в дочерний компонент в качестве атрибута. Например: <CustomComponent...
460 просмотров

Получение данных о свойствах из веб-компонента LitElement
Я пытаюсь создать веб-компонент со следующими функциями: 1. Нажмите кнопку, чтобы добавить элемент <textarea> . 2. После добавления текста во вновь созданный элемент <textarea> этот текст добавляется к соответствующему элементу...
171 просмотров

Как конвертировать старую версию LitElement в новую версию
Я разработал проект с использованием polymer (3.0.2) и lit-element (0.5.2) . Теперь я хочу преобразовать этот проект, чтобы использовать последнюю версию polymer (3.1.0) и lit-element (2.2.1) . Есть ли какой-нибудь сценарий или...
50 просмотров
schedule 07.11.2023

Корень тени LitElement после события загрузки стилей
У меня проблема, мне нужно обработать событие после того, как стили CSS были загружены в мой компонент. Я пытался использовать жизненный цикл освещенных элементов, но они все равно запускаются слишком рано. Я пытаюсь получить начальную позицию...
486 просмотров

Как добавить миксин для высоты в текстовое поле mwc?
Я использую полимер 3 и элемент освещения (2.2.1). Версия mwc-textfield — 0.13.0. Я прочитал документацию, относящуюся к этой версии. В этой документации , я обнаружил, что мы можем добавить миксин для высоты. Я пробовал несколько способов, но не...
1173 просмотров

lit-element: appendChild элемента ul в constructor () отображается в неправильной позиции dom
Попытка создать инкапсулированный список задач с освещенными элементами. В качестве первого шага пытаемся создать элемент ul, а затем добавлять элемент li при каждом нажатии кнопки. Хотя я могу заставить это работать, начав с предварительного...
831 просмотров
schedule 29.05.2023