vue移动端禁止复制

Question

1.试了好几种移动端禁止复制事件，从禁止选择到禁止复制到禁止点，都没有太好的作用，效果比较好的就是

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

user-select:none;但是无奈安卓不行
2.第一种在上面，第二种

 <div onselectstart="return false;">
   -webkit-touch-callout:none;
  -moz-touch-callout:none;
  -ms-touch-callout:none;
  touch-callout:none;

这种在微信浏览器确实安卓也不能复制了，但是在安卓机子的网页上依旧可以复制
第三种：

document.oncopy = function(e){
      e.preventDefault();
    }
  在多数安卓机子都无效

第四种：

ontouchstart="return false"

这简直是毁灭啊，连滑都滑不了了（但是我的页面很长）
3.不知道这是不是需要app端去做?实在不行只能做成PDF了！

Answer 1

正在做vue项目，正在使用，禁止复制方法：
<a @click.prevent='false'>卡号：<b>{{item.card}}</b></a>

Answer 2

我有一个想法，你看看行不行，在禁止复制的盒子上再添加一个大小相等、绝对定位、设置z-index的盒子（透明度设置为0），这样这个盒子会在上面，里面是空的 不就不能选取到内容了嘛。