原理
设置元素oncontextmenu与onselectstart事件直接返回
注册自定义指令blockcopy
import Vue form 'vue'
Vue.directive('watermark', {
bind: function (el) {
el.oncontextmenu = () => {
return false;
};
el.onselectstart = () => {
return false;
};
}
}引入blockcopy.js文件
import 'blockcopy.js'使用blockcopy指令
<template>
<div v-blockcopy ></div>
</template>