Вопросы по теме 'native-web-component'

пользовательская функция обратного вызова события веб-компонента в теге
class UioKey extends HTMLElement { ... eKey(){windows.alert('class eKey function')} } function eKey(){ eKey(){windows.alert('document eKey function')} <template id="uio-key-temp"> <div class="uio-key">...
258 просмотров
schedule 04.05.2023

Можно ли внедрить пользовательские атрибуты/свойства в собственные веб-компоненты?
Я изучаю веб-компоненты (нативные и с фреймворками). Можно ли внедрить свойства в собственный компонент, как я могу сделать, например, в Vue.js? Это мой-component.js: const templateComponent = document.createElement('template');...
100 просмотров
schedule 27.04.2023

Как получить пользовательскую переменную-член элемента из встроенного обработчика событий?
Поскольку я хотел бы, чтобы пользовательский элемент был автономным, я не хочу помещать ссылку на переменную-член в объект window . customElements.define( 'component-one', class extends HTMLElement { connectedCallback() {...
256 просмотров

Как назначить текстовое содержимое настраиваемого элемента слоту шаблона?
Я создаю некоторые веб-компоненты и хочу вставить содержащийся текст в слот шаблона. Я хотел бы сделать его табличным, а не просто копировать их значение, чтобы браузер мог естественным образом обрабатывать изменения текста вместо того, чтобы...
122 просмотров
schedule 04.06.2023

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

WebComponents - обнаружение родительского переполнения и его размера
Я работаю над собственным WebComponent, который представляет простую таблицу, количество строк и столбцов передается через атрибуты. Ширина столбцов, если фиксированная. В случае, если у меня 20 столбцов и ширина столбца = 150 пикселей, мне нужно...
80 просмотров