Вопросы по теме 'lit-element'
Как использовать Font Awesome с Polymer LitElement
Я не могу заставить значки Font Awesome работать с LitElement, потому что стили CSS не выходят за теневые границы настраиваемых элементов.
Можно ли использовать Font Awesome или другие значки с LitElement?
2906 просмотров
schedule
07.06.2022
shady-render.ts: 46 Uncaught TypeError: result.getTemplateElement не является функцией
Когда я пытаюсь выполнить элемент Polymer локально, я использую полимер 3, а моя структура HTML - HTML5.
Тег counter-comp добавлен в мой html файл.
import {LitElement} from "@polymer/lit-element/lit-element.js"
class CounterComp extends...
54 просмотров
schedule
08.10.2022
Meteor + LitElement (Polymer 3) проблема с импортом
У меня возникла проблема с импортом модуля LitElement в проект Meteor:
Я начинаю новый тестовый проект с Meteor 1.7+ и использую LitElement для нескольких компонентов.
Я установил Meteor так:
meteor create meteor-lithtml --release...
244 просмотров
schedule
30.08.2022
Используйте свойства или слот для передачи данных дочернему элементу
У меня вопрос о том, как лучше всего передать какое-либо значение от родительского компонента дочернему компоненту и показать значение, потому что я пытался передать значение со свойствами и слотом, и оба способа работают. Свойства: у меня есть...
3311 просмотров
schedule
06.05.2023
Импорт CSS-url из SASS с помощью Webpack
Я работаю с веб-компонентами (в частности, lit-element ) и хочу поделиться общая таблица стилей для нескольких различных компонентов. Я пытаюсь получить URL-адрес скомпилированного файла CSS, когда я импортирую его в свой JS-компонент, чтобы я мог...
1243 просмотров
schedule
04.07.2023
ошибка tsconfig при установке модуля на ES2017
Следующая документация для LitElement мой tsconfig.json выглядит так:
{
"compilerOptions": {
"target": "ES2017",
"module": "ES2017",
"moduleResolution": "node",
"experimentalDecorators": true
},...
2856 просмотров
schedule
16.10.2022
проблема с получением querySelectorAll для работы в элементе lit-element 2.0
Я работаю с lit-element 2.0, и у меня возникла проблема, когда я получаю код ошибки
Uncaught TypeError: невозможно прочитать свойство querySelectorAll из неопределенного
это код, который генерирует ошибку...
101 просмотров
schedule
13.11.2022
Если для атрибута установлено значение false, можно ли наблюдать свойство внутри элемента?
@ lit-element -> Свойства -> Настроить атрибуты -> Настроить наблюдаемые атрибуты
здесь говорится о том, что:
По умолчанию LitElement создает соответствующий наблюдаемый атрибут для всех объявленных свойств.
а также
Чтобы...
37 просмотров
schedule
08.03.2022
Модульное тестирование миксинов с подсветкой
Как можно провести модульное тестирование миксина с освещенными элементами? У меня есть простой миксин, который просто изменяет событие жизненного цикла firstUpdated светового элемента:
const mixin = sup => class extends sup {...
426 просмотров
schedule
11.01.2023
Как протестировать веб-компонент (светящийся элемент) с помощью шутки
У кого-нибудь есть хорошая настройка для тестирования пользовательских элементов с помощью jest, jsdom или аналогичных? Я использовал Puppeteer и Selenium, но они слишком сильно замедляют выполнение тестов. Есть ли другие альтернативы или...
5580 просмотров
schedule
30.07.2023
LitElement Как следить за дочерним домом и менять стиль
Итак, у меня есть пользовательский элемент, и мне нужно обновить его стили на основе изменения его дочернего содержимого. Например:
<my-element>
<!-- When child content here changes I want to update styling --!>
</my-element>...
258 просмотров
schedule
26.11.2023
выпадающее меню бумаги не работает в освещенном элементе
Изменить : оказывается, полезно импортировать paper-listbox , прежде чем использовать его в другом элементе. По какой-то причине я думал, что он импортируется как зависимость от другого элемента, который я импортировал , но нет. Как только я...
894 просмотров
schedule
03.05.2023
размер пакета: можно ли установить lit-element в качестве одноранговой зависимости?
Я заметил, что в связанный js добавлено много кода для простого веб-компонента на основе освещенных элементов, а набор реагирующих компонентов реагирует как одноранговая зависимость, поэтому в комплекте только одна среда выполнения реакции, поскольку...
297 просмотров
schedule
17.02.2023
Использование материального веб-компонента внутри litElement
Я пытаюсь создать небольшое приложение, используя PWA Starter Kit из Polymer проект.
Можно ли использовать веб-компонент из https://material.io/develop/web/components/input-controls/text-field/ внутри моего LitElement? Я хочу использовать...
1352 просмотров
schedule
13.10.2022
Стилизация элементов `:: slotted ()` из свойства static styles
Я пытаюсь стилизовать элементы :slotted в компоненте из свойства статических стилей, как рекомендовано в документации.
static get styles() {
return [
css `
::slotted(*) {
color: var(--white, #fff);...
78 просмотров
schedule
23.10.2023
Использование Highcharts (и модулей) с lit-element
Согласно проблеме GitHub , это дополнительный вопрос:
Я хочу использовать Highcharts и некоторые модули с Lit-Element и мучаюсь при импорте Highcharts и модулей.
Если я использую import 'highcharts'; , я могу прекрасно использовать Highcharts...
740 просмотров
schedule
07.10.2022
LitElement connectedCallback () против firstUpdate ()
Как говорится в документации:
connectedCallback срабатывает каждый раз, когда пользовательский элемент добавляется к элементу, связанному с документом
также:
firstUpdated срабатывает после первого обновления и рендеринга вашего...
1773 просмотров
schedule
09.10.2022
Как сфокусировать бумажный ввод в lit-element
У меня есть элемент <paper-input> на моей странице, который я хочу выбрать при загрузке страницы. Я пытался сфокусировать его при первом обновлении страницы, но это не сработало.
firstUpdated() {...
731 просмотров
schedule
08.05.2022
Как применить глобальный CSS к веб-компонентам через shadow-dom
Я работаю над проектом световых элементов, и у меня возникла проблема, reset.css не может быть применена к веб-компонентам, заключенным в shadow-root
Я пробовал этот способ, и у меня возникла следующая ошибка.
Refused to apply style from...
386 просмотров
schedule
26.04.2023
Передача функции дочернему
Код довольно прост: я пытаюсь передать функцию addContactFn() из MainComp в SideMenu . При нажатии получаю ошибку
Uncaught TypeError: this.value.handleEvent не является функцией
class MainComp extends LitElement {...
730 просмотров
schedule
06.01.2023