Показать сообщение отдельно
  #1 (permalink)  
Старый 29.01.2019, 14:43
Аспирант
Отправить личное сообщение для mazahaler Посмотреть профиль Найти все сообщения от mazahaler
 
Регистрация: 20.11.2017
Сообщений: 72

Как вызвать кастомные события внутри класса?
Здравствуйте, как вызвать кастомные события внутри класса?
Допустим есть такой код:
import {LitElement, html} from 'lit-element';

// Create your custom component
export class myButton extends LitElement {
    // Declare properties
    static get properties() {
        return {
       
        };
    }

    // Initialize properties
    constructor() {
        super();

        this.addEventListener('toggle', (e) => {
            console.log(e.detail.message)
        });

        function toggle(m) {
            const event = new CustomEvent('toggle', {
                detail: {
                    message: m
                }
            });
            this.dispatchEvent(event);
        }


    }

    // Define a template
    render() {
        return html`<button>Hello, World!</button>`;
    }
}

// Register the element with the browser
customElements.define('my-button', myButton);


Допустим я подключил файл с этим кодом к index.html, и вывел там <my-button></my-button>
Как мне вызвать событие toggle?
Ответить с цитированием