javascript - Vue组件中的Javascript单击事件处理程序

Question

我在 gridsome 中创建了一个单击事件处理程序。虽然它运作良好，但我得到这样的错误。

代码如下：

var divs = document.getElementsByClassName("lingallery_thumbnails_content_elem");
divs[0].classList.add("image-border");
for (let i = 0; i < divs.length; i++) {
  var self = divs[i];
  if (divs[i].children[0].clientWidth > 160) divs[i].children[0].style.width = "160px";
  divs[i].addEventListener("click", function () {
    var image_border_el = document.getElementsByClassName("image-border")[0];
    image_border_el.classList.remove("image-border");
    divs[i].classList.add("image-border");
    divs[i].children[0].dispatchEvent(new CustomEvent("click", { bubbles: true, cancelable: false }));
  });
}

如果您有想法，请帮助我。

标签： javascriptvue.js