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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容