vue页面文本改为可复制

vue页面文本改为可复制

问题描述

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

解决方法

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

body,html {
  background: #f7f7f7;
  color: #333;
  -webkit-user-select: text;
}
    原文作者:小可爱的博客
    原文地址: https://blog.csdn.net/weixin_45298700/article/details/101267282
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞