Вопросы по теме '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 просмотров
schedule
01.03.2023
Как назначить текстовое содержимое настраиваемого элемента слоту шаблона?
Я создаю некоторые веб-компоненты и хочу вставить содержащийся текст в слот шаблона. Я хотел бы сделать его табличным, а не просто копировать их значение, чтобы браузер мог естественным образом обрабатывать изменения текста вместо того, чтобы...
122 просмотров
schedule
04.06.2023
Получение данных о свойствах из веб-компонента LitElement
Я пытаюсь создать веб-компонент со следующими функциями: 1. Нажмите кнопку, чтобы добавить элемент <textarea> . 2. После добавления текста во вновь созданный элемент <textarea> этот текст добавляется к соответствующему элементу...
171 просмотров
schedule
23.07.2022
WebComponents - обнаружение родительского переполнения и его размера
Я работаю над собственным WebComponent, который представляет простую таблицу, количество строк и столбцов передается через атрибуты. Ширина столбцов, если фиксированная.
В случае, если у меня 20 столбцов и ширина столбца = 150 пикселей, мне нужно...
80 просмотров
schedule
22.05.2022