ConnectedCallback () на пользовательских элементах не может использовать Foreach для цикла данных на JavaScript ⇐ Html

[Anonymous]

Может ли кто -нибудь предоставить решение проблемы, с которой я сейчас сталкиваюсь? Я создал пользовательский элемент, в котором этот пользовательский элемент должен быть обнаружен на DOM, но мне нужно загружать данные в этом пользовательском элементе, поэтому мой программный код такой. < /P>

Код: Выделить всё

import './menu-item.js';

class MenuList extends HTMLElement {

// forEach cannot be used if I use the ConnectedCallback () method
connectedCallback() {
this.render()
}

// my data can be from this method setter
set menus(menus) {
this._menus = menus;
this.render();
}

render() {
this._menus.forEach(menu => {
const menuItemElement = document.createElement('menu-item');
menuItemElement.menu = menu;
this.appendChild(menuItemElement);
});
}
}

customElements.define('menu-list', MenuList);
< /code>
И это данные, которые я отправил в файле main.js < /p>
import '../component/menu/menu-list.js';
import polo from '../data/polo/polo.js';

const menuListElement = document.querySelector('menu-list');
menuListElement.menus = polo;

Пожалуйста, дайте мне решение.

Подробнее здесь: https://stackoverflow.com/questions/629 ... a-on-javas