vue禁止復制的方式

 

普通網頁禁止復制的功能這里不再敘述，自行學習 https://blog.csdn.net/qq_32963841/article/details/84656752

 

這里簡單寫一下vue中怎么禁止使用復制

 

　　首先，vue和普通的html頁面不太一樣。vue的生命周期必須加載完才可以操作dom，生命周期這里不再敘述，自行學習，或者也在mounted和created的時候使用this.$nextTick方法，來使方法在dom生成以后再進行操作。

禁止復制可以通過以下方法，首先是禁止選擇，然后就是禁止右鍵功能，

<template>
  <section class="p-10">
    <div class="app">
      <p> 11111111111111111111111111111111111111111 </p>
    </div>
  </section>
</template>
<script> export default { created() { this.$nextTick(() => { // 禁用右鍵
 document.oncontextmenu = new Function("event.returnValue=false"); // 禁用選擇
 document.onselectstart = new Function("event.returnValue=false"); }); } }; </script>

 

這樣的話，既不能選擇到我們的文本內容，又不能右鍵進行選擇，可以基本上防止復制了。

ps： 想獲取文本的話，可以通過F12審查元素，或者百度快照，哈哈哈

 

嗯，就醬~