Здравствуйте, как вызвать кастомные события внутри класса?
Допустим есть такой код:
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?
