vue页面文本改为可复制

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

小可爱的博客

3418人浏览 · 2019-09-24 10:06:30

小可爱的博客 · 2019-09-24 10:06:30 发布

vue页面文本改为可复制

问题描述

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

解决方法

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^