vue图片防止被拖拽

1直接在图片上添加事件

<img @dragstart.prevent src="·······"/>

2.图片太多怎么办~~
vue全局注入minxin

// 新建disableDrag.js
export default {
    mounted() {
      this.disableDragEvent();
    },
    methods: {
      disableDragEvent() {
        var outer = document.getElementsByTagName("img");
        outer = Array.from(outer);
        console.log(outer)
        outer.forEach(function (item) {
            item.ondragstart = dragover;
        });
        function dragover(event) {
            // 阻止默认行为，变成可放置的
            event.preventDefault();
        }
      },
    },
  };

在main.js引入再注入 Vue.mixin(disableDrag)