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) {
// 阻止默認(rèn)行為，變成可放置的
event.preventDefault();
}
},
},
};
在main.js引入再注入 Vue.mixin(disableDrag)
