使用场景:vue项目中遇到点击按钮,复制文本的功能。复制成功后可以黏贴。

<div @click="copyDesc">复制</div>methods:{copyDesc () {let url = `这是复制的内容,可以是data的变量值或传递的参数等换行文字1换行文字2`   let oInput = document.createElement('textarea') //input不会保留格式 textarea可以保留格式 在配和模板字符串 ` `oInput.value = urldocument.body.appendChild(oInput)oInput.select() // 选择对象;document.execCommand('Copy') // 执行浏览器复制命令this.$message({message: '复制成功',type: 'success'})oInput.remove()},
}

js实现复制并能保留原格式粘贴;vue中点击复制粘贴功能;vue复制功能(不需要插件);相关推荐

  1. js实现复制并能保留原格式粘贴

    使用textarea能粘贴的时候保留原格式. 使用input粘贴的时候格式会丢失. const input = document.createElement('textarea');document. ...

  2. word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样

    word文档粘贴选项保留原格式,在不同文档上查看格式一样,显示却不一样!!! 示例:   经检查两部分内容字体.段落.页面格式等方面完全一样,但显示内容就是不一样! 将粘贴后异常显示的内容复制 保留原 ...

  3. Python对Excel的常规操作 之 读取,写入(保留原格式写入)

    Python对Excel的常规操作 之 读取,写入(保留原格式) 前言 使用Python读写Excel常用的库有win32com和xlrd.xlwd.其中win32com可读可写,它对Excel的操作 ...

  4. 如何在浏览器中点击复制微信号并且跳转到微信

    如何在浏览器中点击复制微信号并且跳转到微信? <html lang="en"> <head> <meta charset="UTF-8&qu ...

  5. vue2和vue3中点击复制粘贴

    文章目录 一.技术使用背景 二.Vue2(点击复制粘贴功能的实现) 1.安装库并引入 2.定义methods和template结构(两种实现的方法) 3.测试结果 第二种使用的方法 三.Vue3(点击 ...

  6. Vue 点击复制粘贴文本

    https://www.cnblogs.com/sherlock-Ace/p/10803961.html https://blog.csdn.net/weixin_42398560/article/d ...

  7. vue点击复制链接功能

    需求:点击复制链接,粘贴到地址栏中跳转到相应页面 原理:创建input标签,将链接值赋值给input标签,调用浏览器复制方法 示例代码: <template> <div class= ...

  8. 将代码保留原格式(高亮)复制到word

    有时需要保持美观将代码保持语法突出或高亮复制粘贴到word上,一些方法如下: 法一:借助网站http://www.planetb.ca/syntax-highlight-word/(代码有编号,整体排 ...

  9. 免费网站翻译整个文档并保留原格式

    2022.11.19补充 刚刚想翻译一下来着,发现百度通用翻译服务开始收费了,每月前5万字符免费!!!刚刚翻译了一篇4页的pdf就用了2万了,慎用. ------------------------- ...

最新文章

  1. Microbiome:南京农大团队在粘细菌捕食的生态学功能方面取得重要进展
  2. template模板中插入自定义参数
  3. 六、jQuery基础
  4. vscode之添加新语言扩展——aspx-html
  5. 注意Hibernate4在开发当中的一些改变
  6. alm数据库mysql_mysql
  7. ECharts属性设置
  8. 【SpringCloud】Spring cloud Alibaba Sentinel 热点规则
  9. 互联网反欺诈体系中的常用技术和数据类型
  10. 全国计算机等级考试模拟系统中 二级c语言的 安装密码,NCRE模拟考试系统安卓版下载-2017全国计算机等级考试二级练习系统v2.4.1 官方版下载__飞翔下载...
  11. 【Leetcode】亮眼题/新思路
  12. SpringBoot中Async异步方法和定时任务介绍
  13. 牛客-kotori和糖果(哈斯图吗?)
  14. C语言自然数各自出现的次数,2010年计算机等考二级C语言上机考试练习(1)
  15. c758f52e87.html,查看源码: rainsoft_200372295849.rar_AboutFrm.dfm - VerySource
  16. 利用arduino红外库遥控美的家用空调
  17. android相框_如何将旧的Android平板电脑变成自动更新的数码相框
  18. python中aorb是什么意思_Python--AB测试应用分析
  19. (一)计算机网络的一些概念
  20. 安卓系统怎么安装软件_【图文】安卓系统手机如何下载安装APP

热门文章

  1. 金融信息破局刍议【1】局面概览
  2. LeetCode 周赛-236(万得场)
  3. leapmotion 正反问题_Leap Motion运行原理介绍
  4. 史上第一部程序员专题电影《青春代码》
  5. Ins风格简单干净房间Mac高清动态壁纸
  6. Cross-Modality Contrastive Learning for Hyperspectral Image Classification
  7. 在线拼接图片工具HTML源码
  8. 企业数字化转型的核心是什么?如何才能真正做到数字化转型?
  9. 停车场管理系统 php,C语言源码实现停车场管理系统
  10. SSIS 数据类型和类型转换