vue项目实现一键复制粘贴亲测有效

我的项目中需要复制后端返回的xml文件内容，html识别不了换行符，我们使用textarea来展示内同实现带换行格式的展示，另外需要实现对内容的一键复制，复制到剪切板，方便用户粘贴使用，在这里记录实现方法。

不带格式的复制

html（不识别换行）

<Button class="copy" @click="copy">复制</Button>

js

copy (data) {let input = document.createElement('input')input.value = datainput.id = 'creatDom'document.body.appendChild(input)input.select()document.execCommand('copy')document.body.removeChild(input)
}

带格式（识别换行）

只需要把input换成textarea

copy (data) {let textarea = document.createElement('textarea')textarea.value = datatextarea.id = 'creatDom'document.body.appendChild(textarea)textarea.select()document.execCommand('copy')document.body.removeChild(textarea)
}

vue项目实现一键复制粘贴亲测有效相关推荐

moment的使用在vue项目中的使用（亲测有效）
moment的使用在vue项目中的使用 "moment": "^2.22.2", 通过版本号复制到package.json中 "dependencie ...
JS一键复制粘贴功能
使用clipboard.js 实现: 它是一个不需要Flash,就能实现文本复制或者剪切到剪切板的轻量级插件: 具体实例: 可以使用cdn 或者直接下载设置好引用路径. <!DOCTYPE h ...
Android实现一键复制粘贴，兼容低版本系统（api 11以下）
Android实现一键复制粘贴,兼容低版本系统(api11以下) /** * 实现文本复制功能 * @param content * @return t ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
Ctrl c 复制html,一键复制粘贴(用热键代替Ctrl+X、Ctrl+C、Ctrl+V)
在用电脑的时候大家少不了使用ctrl+c和ctrl+v键,也就是复制和粘贴快捷键,本次小编发布的这个一键复制粘贴工具可实现连续复制,顺序粘贴,帮您轻松完成繁琐的文字复制工作,也就是用热键代替Ctrl+ ...
一键复制粘贴工具使用教程
一键复制粘贴工具打开左键复制选项功能1:选中即完成复制.灭掉"ctrl+c". 功能2:右键双击粘贴,左手脱离键盘,吃零食接电话工作两不误. 软件链接: 链接:https:// ...
layui教程,非常全,常用代码一键复制粘贴
layui的常用代码可以一键复制粘贴一键复制layui代码的网址,点击此处调整网址地址:http://www.shagua.wiki/project/3?p=84 点击按钮,直接复制按钮的代码
快速回复信息神器哪些支持一键复制粘贴回复
很多快速回复信息的神器和客户聊天的窗口分属两个平台,在进行快速回复信息时,需要先筛选到快速回复的信息,然后进行复制粘贴后才可以,这样的操作过程是比较复杂的.很多人在进行信息回复时,想找一些可以快速复制 ...
电脑上使用的一键复制粘贴工具哪些操作便捷?
选择一键复制粘贴工具,很多人都想选择一些操作比较便捷的,这样在工作中不会占用很多的工作时间,同时还能很好的起到提醒的作用.那么,电脑上使用的一键复制粘贴工具哪些操作比较便捷呢? 赛效一键复制工具是一款 ...

vue项目实现一键复制粘贴亲测有效

不带格式的复制

html（不识别换行）

js

带格式（识别换行）

vue项目实现一键复制粘贴亲测有效相关推荐

最新文章

热门文章

vue项目实现 一键复制粘贴 亲测有效

不带格式的复制

html（不识别换行）

js

带格式（识别换行）

vue项目实现 一键复制粘贴 亲测有效相关推荐

最新文章

热门文章

vue项目实现一键复制粘贴亲测有效

vue项目实现一键复制粘贴亲测有效相关推荐