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

Как наблюдать за изменениями свойств с помощью LitElement
Я не знаю, как наблюдать за изменениями свойств в LitElement. Я пробовал эти методы, но не мог заставить их работать: static get properties() { return { temp1:String, temp2: { type:String, observer:...
11710 просмотров
schedule 10.08.2022

lit-element: Uncaught (в обещании) TypeError: невозможно прочитать свойство previousSibling, равное null
При переходе на lit-element версию 0.6.0 . Если я использую <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script> в header части моего документа. У меня следующая ошибка:...
927 просмотров

Google Maps JavaScript API с освещенным элементом
Я пытаюсь создать собственный элемент с lit-html, который использует API Карт Google. Как можно заставить их работать вместе? Вот что у меня есть на данный момент: map-element.css: #map { height: 400px; /* The height is 400 pixels */...
620 просмотров
schedule 31.03.2022

Почему входные данные внутри пользовательских элементов не отправляются вместе с формой?
Я играю с LitElement, пытаясь сделать несколько простых пользовательских элементов. Это мой app.js: class MyInput extends LitElement { static get properties() { return { name: { type: String, reflect: true },...
1145 просмотров
schedule 22.01.2023

lit-element: как эффективно передать свойство от родительского к дочернему настраиваемому элементу
Вопрос: Есть ли способ распространить изменение свойства на дочерний элемент, не вызывая его render функцию? В настоящее время, когда я обновляю свойство в родительском switchViewModeHandler , оно запускает повторный рендеринг для дочернего...
3607 просмотров

LitElement - Как создать поведение dom-if restamp с выражением javascript if внутри метода рендеринга LitElement?
Мы используем выражение «if» внутри LitElement для выборочного рендеринга контента в методе рендеринга и хотели бы воссоздавать дочернюю DOM каждый раз, когда выражение «если» переоценивается (изменяется). Это похоже на то, что элемент dom-if...
465 просмотров
schedule 01.05.2023

Как запросить дочерние элементы теневого корня Lit-элемента, используя имя тега
Есть ли способ получить дочерний световой элемент (по его имени) в хосте? Я знаю только, как получить к ним доступ, используя id и this.shadowRoot.getElementById() import { LitElement, html } from 'lit-element'; import './child-element.js';...
2564 просмотров
schedule 09.03.2023

Как я могу добиться постоянного цвета контура фокуса с помощью веб-компонентов shadow-dom?
Я использую веб-компоненты, в основном написанные с помощью lit-element и lit-html , и они используют Shadow DOM. Некоторые компоненты имеют кнопки и другие интерактивные части, которые имеют контур фокуса по умолчанию. Когда я создаю...
249 просмотров
schedule 19.04.2023

Выбор пользовательского литерала некорректно перерисовывается
Я создал специальный компонент выбора с LitElement: import { LitElement, html } from 'lit-element'; class CustomSelect extends LitElement { static get properties() { return { options: { type: Array },...
3032 просмотров
schedule 10.06.2022

Как установить атрибут checked для радио в litelement
Я хотел бы знать, как установить флажок с помощью переключателя с помощью litelement. У меня есть объект, и для каждого параметра объекта создается переключатель. Например, для id=SG создаются две радиокнопки, если не отмечено, установить банк...
1027 просмотров

Можно ли использовать jQuery с Lit-элементом?
Я хочу создать пользовательскую древовидную таблицу с элементом Lit, и мне просто интересно, смогу ли я как-то реализовать ее с помощью плагина сетки дерева jQuery. Это лучшее, что у меня есть сейчас (это решение не тестировалось с элементом Lit):...
967 просмотров
schedule 27.10.2022

Как использовать полифиллы в Microsoft Edge 44 или более ранней версии?
Я изучаю, что такое полифиллы, и следил за видео на YouTube ( https://www.youtube.com/watch?v=eSdAC8d5_Nw&t=379s ) об использовании полифилов для отображения веб-компонентов в неподдерживаемых браузерах, в частности, я нацелен на Microsoft Edge. Я...
1230 просмотров

Свойство flat не существует для типа CSSResultArray
Я установил в свой проект lit-element полимер. когда я пытаюсь создать проект, появляется ошибка: свойство 'flat' не существует для типа 'CSSResultArray'
112 просмотров
schedule 10.04.2022

как передать аргументы слушателям в lit-element?
<div @click=${this.click_cb.bind(this, record)}>${record.msg}<div> Это правильный способ передать аргумент слушателю?
1080 просмотров
schedule 12.07.2023

webpack index.js настройка простого wc-маршрутизатора
Лучший способ настроить маршрутизатор SPA с освещенным элементом и простым wc-маршрутизатором с помощью webpack. В настоящее время у меня это работает, но мне интересно, есть ли лучший способ собрать все это вместе. webpack-config.js:...
143 просмотров

прослушиватель событий не удаляется - горит элемент
Я работаю над компонентом изображения с подсветкой, который имеет два представления. Единое представление, в котором пользователь может видеть только одно изображение за раз. Представление сетки, в котором пользователь может видеть все...
373 просмотров
schedule 27.03.2022

Как я могу расширить компонент LitElement и компонент Elix вместе?
В настоящее время я создаю некоторые базовые веб-компоненты для использования в микро-интерфейсе, каждый из которых расширен от LitElement и использует декораторы TypeScript. Все это отлично работает, однако я нахожусь в сценарии, в котором я хотел...
585 просмотров

Внешний класс вызывает метод компонента LitElement (передавая шаблон html), а метод компонента обновляет свой шаблон html.
Мне нужно иметь внешний класс, состоящий из игровой логики, вызывать компонент LitElement и передавать ему литерал шаблона html, который компонент будет использовать для обновления части своего собственного литерала шаблона html. В приведенном ниже...
227 просмотров
schedule 30.04.2022

Перетащите список с веб-компонентами, лит-элементом, полимером
Я пытаюсь создать простой список «карточек», которые я могу переупорядочить, перетаскивая. Я наткнулся на это веб-компонент с плавной сеткой , и у меня было несколько успех. Я создал список карт и могу перетаскивать их. Проблема в том, как...
344 просмотров

Невозможно получить доступ к данным JSON внутри объекта. имущество
Сейчас я работаю над проектом LitElement. Я добавил данные JSON в свойство category.items с помощью этого кода, fetchItems(category) { if (!category || category.items) { return; } this.getResource({ url: 'data/' +...
45 просмотров