Описание тега lit
Lit — это библиотека веб-компонентов и HTML-шаблонов. Он включает средство визуализации шаблонов HTML Lit и базовый класс веб-компонента LitElement.
2
ответа
Атрибут перечисления в lit/lit-element
Мы пытаемся создать компонент со свойством variant это должно быть установлено только на "primary" или же "secondary"(перечисление). В настоящее время мы просто объявляем атрибут как String, но нам было интересно, есть ли лучший способ обработки пер…
10 май '21 в 19:34
1
ответ
Сообщество веб-компонентов полимерные веб-компоненты
Если я смотрю на магазин полимеров, я сразу понимаю, что хочу использовать его в качестве стартера для своего интернет-магазина. Не только потому, что это уже веб-магазин (полная технология pwa), но и потому, что он имеет отличную (автономную) работ…
10 май '21 в 20:03
2
ответа
Позиция CustomElement после выполнения метода render()
У меня есть компонент, который состоит из плавного текста слева и поля справа. На полях есть компоненты, которые должны быть выровнены по вертикали с <mark>теги в тексте. Вот демонстрационная реализация с использованием Lit Playground. import …
11 май '21 в 18:00
1
ответ
Свойство объекта LitElement имеет значение null
У меня есть компонент, который принимает объект как свойство, но по какой-то причине при рендеринге this.item не определено. @property({type: Object}) item?: { family: {iconUrl: string; name: string}; } | null; static get styles(): CSSResult[] { ret…
20 май '21 в 01:23
3
ответа
Использование функции html вне компонента, возвращающего [объект Object] LitElement
У меня с этим болит голова, если кто знает, как решить, будет круто. Я использую LitElement для создания компонента таблицы, разработчик, который хочет его использовать, может добавить customHTML для рендеринга другого ввода. Для этого он / она може…
26 май '21 в 17:58
1
ответ
Передача стандартного события JavaScript со значением created=false через Shadow DOM
У меня есть настраиваемый веб-компонент с подсветкой, который содержит <input>элемент внутри его Shadow DOM. Я хочу отреагировать на событие, вызванное вводом за пределами настраиваемого элемента, но change событие по умолчанию composed: false…
25 май '21 в 14:25
0
ответов
Как создать компонент twincolselect с помощью LitElement
Я пытаюсь создать клиентский компонент twincolselect, любой пример или фрагмент?
01 июн '21 в 17:30
1
ответ
«Ошибка синтаксического анализа модуля: неожиданный символ '@'» при использовании светящегося компонента с NextJS
Я пытаюсь импортировать освещенный компонент в свой проект NextJS. Вот моя составляющая: import {html, css, LitElement} from 'lit'; import {customElement} from 'lit/decorators.js'; @customElement('my-element') export class MyElement extends LitEleme…
03 июн '21 в 17:43
0
ответов
Кнопка html для озвучивания iOS с вложенным значком не выполняет щелчок по двойному нажатию
Я использовал Lit для создания некоторых кнопок со значками для нашего приложения и недавно заметил, что в iOS для использования голоса поверх требуется тройное нажатие, а не двойное нажатие. Это происходит ТОЛЬКО, когда у меня есть элемент, вложенн…
15 июн '21 в 05:24
0
ответов
Sinon: заглушка метода оболочки, который использует API выборки, и этот метод вызывается внутри основной функции в веб-компонентах
У меня есть метод-оболочка для fetchapi, который возвращает обещание. См. Пример кода ниже: const fetchWrapper = (url , opts) => { const fetchPromise = fetch(url, opts); const wrapper = new Promise((resolve, reject) => { fetchPromise .then((re…
15 июн '21 в 16:00
1
ответ
Как объявить необходимое свойство в lit-element
В качестве реакции мы можем использовать PropTypes чтобы пометить конкретную опору как обязательную. requiredFunc: PropTypes.func.isRequired, Vue также поддерживает необходимые реквизиты: propC: { type: String, required: true }, Как это сделать в li…
16 июн '21 в 22:10
1
ответ
Vaadin 18 | Вызов сервера от клиента с использованием Littemplate
Я пытаюсь вызвать функцию на стороне сервера от клиента, используя littemplate. Я проверил примеры на сайте Vaadin и обнаружил, что клиент может вызывать серверную часть через this.$ Server._some_method. Я попытался использовать $ server в littempla…
17 июн '21 в 20:01
3
ответа
Vaadin 18 | Необходимо передать сообщение от клиента к серверу, используя Lit-Template и HTML-текст.
Я пытаюсь вызвать функцию на стороне сервера от клиента, используя littemplate. У меня есть одна проблема, по которой мне нужна помощь. Я добавляю HTML-текст с атрибутом на стороне сервера, который имеет настраиваемый компонент hello-world2. Я перед…
21 июн '21 в 21:46
1
ответ
Почему стоит знак "." В варианте в засвеченном образце?
lit представляет пример «Обнаружения изменений» по следующему URL-адресу.https://lit.dev/playground/#sample=examples/properties-has-changed Почему стоит "." в начале «date» при указании опции «date-display» в строке 16 my-element.ts? import { LitEle…
23 июн '21 в 05:55
0
ответов
Как разложить атрибуты SVG в lit-element?
Описание Я хочу передать атрибуты svg, например: function svgIcon(paths: TemplateResult<2>[], props: Props) { return svg` <svg class="my-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" ${spread(props)}> ${paths} <…
24 июн '21 в 07:33
1
ответ
Проверка формы для пользовательских элементов в Lit и Typescript
Я делаю некоторые пользовательские веб-элементы управления в машинописном тексте и освещаю, такие как кнопки отправки и входы, и когда я пытаюсь обернуть их в форму в моем html, входные данные не отображаются в форме, а кнопка отправки не пытается о…
26 июн '21 в 23:46
1
ответ
Статические свойства Lit / LitElement ReactiveElement
Lit использует этот класс реактивных элементов, который расширяет каждый из моих веб-компонентов. Я не могу понять, почему статические свойства, такие как НЕ одинаковы для всех веб-компонентов, расширяющих базовый класс Lit. См. Пример здесь Почему …
28 июн '21 в 19:48
1
ответ
Метод низкоуровневого шифрования раздела сайта
Я ищу простой метод шифрования небольшой части моего личного веб-сайта разработчика. Я бы хотел разместить свое резюме прямо на сайте, но предпочел бы защитить его паролем, чтобы его не могли просмотреть те, кто не является потенциальным работодател…
02 июл '21 в 05:52
0
ответов
Как импортировать среду выполнения Lit только один раз, а не для всех компонентов
Я разрабатываю библиотеку компонентов в Lit (https://lit.dev), и мне интересно, как избежать объединения полной среды выполнения для каждого компонента. Намек?
10 июл '21 в 11:56
1
ответ
Как отложить загрузку элементов в сетке vaadin в LitElement
У меня есть требование оптимально отображать бесконечные прокручиваемые данные в LitElement. Vaadin-grid кажется подходящим для варианта использования. Однако данных огромно. Итак, я пытаюсь лениво загружать данные кусками из бэкэнда. Этот backend a…
09 июл '21 в 14:52