Я создаю персональный пакет NPM, который добавляет прослушиватели событий щелчка ко всем элементам, имеющим атрибут 'foo'. Он прекрасно работает со статическим файлом index.html, но при попытке использовать его в компоненте vue.js он говорит document is not defined
.
Пакет NPM index.js
var elements = document.querySelectorAll('[foo]');
// Loop through all elements
for (let element of elements) {
element.addEventListener("click", event => {
console.log("It works!");
});
}
Он прекрасно работает с index.html
<button foo>Test Button</button>
Однако, когда я пытаюсь сделать то же самое в VueКомпонент .js.
<template>
<button foo>Test Button</button>
</template>
показывает document is not defined
и сообщает об ошибке let elements = document.querySelectorAll("[foo]");