vue页面文本改为可复制

vue页面文本改为可复制

问题描述

很多时候用户希望可以通过选中页面中的文字来复制文本,但是我们会发现使用vue完成制作的页面上的文本用户是无法选中的，因此也不能够实现复制的操作。

解决方法

其实我们只需要在全局的样式里面设置 -webkit-user-select这个属性就好了,之后我们就会发现页面的文本可以被选中了。

body,html {
  background: #f7f7f7;
  color: #333;
  -webkit-user-select: text;
}