npm包，用于在加载vue js组件时添加事件侦听器

Question

我正在创建一个个人NPM程序包，它将单击事件侦听器添加到所有具有“ foo”属性的元素。它在静态index.html文件上可以正常工作，但是当我尝试在vue.js组件中使用document is not defined时，它会显示index.js。

NPM软件包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>

完全兼容

<template>
   <button foo>Test Button</button>
</template>

但是，当我尝试在vue.js组件中执行相同的操作时。

document is not defined

它显示let elements = document.querySelectorAll("[foo]");并表示发生错误 headers.set("Content-Type", "application/pdf")