vue页面文本改为可复制
问题描述
很多时候用户希望可以通过选中页面中的文字来复制文本,但是我们会发现使用vue完成制作的页面上的文本用户是无法选中的,因此也不能够实现复制的操作。
解决方法
其实我们只需要在全局的样式里面设置 -webkit-user-select这个属性就好了,之后我们就会发现页面的文本可以被选中了。
body,html {
background: #f7f7f7;
color: #333;
-webkit-user-select: text;
}
很多时候用户希望可以通过选中页面中的文字来复制文本,但是我们会发现使用vue完成制作的页面上的文本用户是无法选中的,因此也不能够实现复制的操作。
其实我们只需要在全局的样式里面设置 -webkit-user-select这个属性就好了,之后我们就会发现页面的文本可以被选中了。
body,html {
background: #f7f7f7;
color: #333;
-webkit-user-select: text;
}