vue页面文本禁止复制

Posted 仲夏の梦

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue页面文本禁止复制相关的知识，希望对你有一定的参考价值。

 1.用js代码去控制

    created() 
      this.$nextTick(() => 
        // 禁用右键
        document.oncontextmenu = new Function("event.returnValue=false")
        // 禁用选择
        document.onselectstart = new Function("event.returnValue=false")
      )

2.用css样式去控制

<div class="boxText">这里是要控制的文本</div>

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

以上是关于vue页面文本禁止复制的主要内容，如果未能解决你的问题，请参考以下文章