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页面文本禁止复制的主要内容,如果未能解决你的问题,请参考以下文章