vue.js - 为vue中的每个标签添加属性

Question

<img我有一个 vue 项目，模板中有很多标签。有很多带有更多图像的组件。现在我想为他们全部禁用拖动。

首先想到的是 grep 文件的<img标签并添加draggable="false"到每个模板内的每个图像中。

我想知道我是否可以在一个地方做到这一点，比如在全局 mixin 中。

Answer 1

一种解决方案是为文档元素上的事件注册一个事件侦听器，如果 an是目标dragstart，则阻止拖动操作：<img>

document.addEventListener('dragstart', e => {
  if (e.target.tagName === 'IMG') {
    e.preventDefault()
  }
})

Answer 2

您可以在已安装的挂钩上尝试此操作：

mounted(){
    this.$nextTick(()=>{
       let allimages = document.querySelectorAll("img");
       for (var i = 0;i < allimages.length; i++){
          allimages[i].setAttribute("draggable", "false");
        }
    })
} // end of mounted hook