vue实现浏览器禁止鼠标选中文字&禁止右键&禁止F12键

1. 禁止鼠标选中文字

document.onselectstart = new Function("event.returnValue=false");

2.禁止右键 

document.oncontextmenu = new Function("event.returnValue=false");

3. 禁止F12键

 document.addEventListener("keydown", function (e) {
        if (e.key == "F12") {
          e.preventDefault(); // 如果按下键F12,阻止事件
        }
    });

4. 使用css样式实现禁用选中文字

user-select: none;

5. 其他样式自己尝试吧

  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;