vue项目中不能随意选取页面中的字段

最新推荐文章于 2022-11-15 09:27:01 发布
最新推荐文章于 2022-11-15 09:27:01 发布
阅读量1.6k 收藏 3
点赞数 2
文章标签： vue项目不能选取字段
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43932458/article/details/90738467
版权

解决vue项目中不能随意选取页面中的字段进行复制

其实超级简单，但是找了好久才找到这个功能。当我们开发完发现后台不能随意选择页面中的字段进行复制。就好比说当管理人员想复制一段用户的信息的时候。发现居然选中不了页面的文字。
此时只需要在也vue中全局添加，也就是main.scss中添加

html, body,{
  width: 100%;
  height: 100%;
  -webkit-user-select: text;
}

其中： -webkit-user-select: text; 就是我们需要添加的东西。

是不是贼简单！哈哈哈哈

更新一波，cli3.0就可以完美的实现这个东西

weixin_43932458
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue项目中引入noVNC远程桌面的方法
08-27
"vue项目中引入noVNC远程桌面的方法" 一、简介 在本文中，我们将介绍如何在 Vue 项目中引入 noVNC 远程桌面，以满足分布式用户共享服务器资源的需求。 二、noVNC 介绍 noVNC 是一个 HTML5 VNC 客户端，它采用 ...
如何在vue项目中嵌入jsp页面的方法(2种)
10-15
主要介绍了如何在vue项目中嵌入jsp页面的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue实现页面内容禁止选中功能,仅输入框和文本域可选
12-13
上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{ -webkit-user-select:au
vue 页面文字禁止选中，仅输入框和文本域可选
伍六七
06-24 3248
CSS样式控制 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } inpu..
html vue css 文字可不复制或者不可鼠标选中
qq_38946996的博客
01-15 386
*{ -moz-user-select:none;/*火狐*/ -moz-user-select: -moz-none; -o-user-select: none; -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none; }
vue页面文本改为可复制
weixin_45298700的博客
09-24 3283
vue页面文本改为可复制 问题描述 很多时候用户希望可以通过选中页面中的文字来复制文本,但是我们会发现使用vue完成制作的页面上的文本用户是无法选中的，因此也不能够实现复制的操作。 解决方法 其实我们只需要在全局的样式里面设置 -webkit-user-select这个属性就好了,之后我们就会发现页面的文本可以被选中了。 body,html { background: #f7f7f7; c...
禁止选取网页中的文字
啊哈前端的专栏
01-11 343
body { text-align: center; vertical-align:middle; height: 39px; overflow: hidden; moz-user-select: -moz-none; -moz-user-select:
在Vue项目中,防止页面被缩放和放大示例
10-16
今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例，具有很好的参考 价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 项目中当访问路由不存在的时候默认访问404页面操作
10-14
主要介绍了vue 项目中当访问路由不存在的时候默认访问404页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue输入框无法输入/选择器无法选择问题解决
m0_46403770的博客
11-15 1263
Vue输入框无法输入、选择器无法选择
解决vue项目中不能随意选取页面中的字段进行复制
lannieZ的博客
06-03 2453
html, body,{ width: 100%; height: 100%; -webkit-user-select: text; }
vue实现页面文字禁止被选中
qq_43358160的博客
11-02 3237
其实使用css就可以实现 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{ -webkit-user-select:auto;
vue中设置div里面的内容无法选中（双击div不会被选中）
a1783118的博客
10-27 2252
双击div不会被选中
Vue Treeselect使用常见问题汇总及解决办法（持续更新）
热门推荐
for_happy123的博客
08-27 1万+
Vue Treeselect组件使用问题汇总及解决办法（持续更新！！！） 文章中使用的数据样例（数据字段和值，仅便于突出展示效果，并非实际使用需要）如下： const mockData = [ "id": 1, "name": "手机", "subOptions": [ { "value": 21, "name": "5G手机", "subOptions": [] } ], ] 1
vue实现页面内容禁止选中，仅输入框和文本域可选
weixin_42873160的博客
07-04 8012
上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器...
css控制页面内容不能选中
李哥的博客
04-19 1261
body{     -webkit-user-select:none;     -moz-user-select:none;     -ms-user-select:none;     user-select:none; }
vue移动端项目中添加地图，刚进来定位，拖动选择别的地方获取详细的地址和经纬度
weixin_43932458的博客
06-12 5455
vue 百度地图 在度娘中找了好多。都没有找到具体的操作方法，自己写一个。因为页面中要做商家入驻，所以需要一个详情的地图。找了好多。最后决定用百度（百度的api对开发这太友好啦），并且百度地图还为vue做了相应的操作。虽然不全。而且看着很蒙蔽。所以自己总结一下。 百度的npm库：https://dafrok.github.io/vue-baidu-map/#/zh/start/base 引入配置...
Vue 项目中各种痛点问题及方案
前端达人
09-24 6548
作者：愣锤原文：https://juejin.im/post/6844903632815521799最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue...
如何能直接访问vue项目中的其他页面
最新发布
05-30
要访问 Vue 项目中的其他页面，可以通过路由来实现。路由可以帮助我们管理页面之间的跳转，每个页面对应一个路由路径，访问该路径时就会加载对应的页面。 假设你的 Vue 项目已经使用了 Vue Router，那么你可以使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值