Vue 点击复制粘贴文本

https://www.cnblogs.com/sherlock-Ace/p/10803961.html

https://blog.csdn.net/weixin_42398560/article/details/90766534?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

通过使用Vue-clipboard2实现

npm install --save vue-clipboard2import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)

<div id="app"></div><template id="t"><div class="container"><input type="text" v-model="message"><button type="button" @click="doCopy">Copy!</button></div></template><script>new Vue({el: '#app',template: '#t',data: function () {return {message: 'Copy These Text',copytext:'' }},methods: {doCopy: function () {//复制多个值：把所有想要复制的值 给一个新值let copytext = this.copytext + " " + this.ip;this.$copyText( copytext ).then(function (e) {alert('Copied')console.log(e)}, function (e) {alert('Can not copy')console.log(e)})}}})</script>

select() 方法只对 input和 textarea有效

<span class="courier">快递单号：<input type="text" v-model="danhao" id="danhao">
</span>
<span class="sp1" @click="copy">复制单号
</span>
methods:{copy() {// var number = document.getElementById("danhao").value;//获取需要复制的值(innerHTML)document.getElementById("danhao").select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令alert('复制成功')}},// 点击复制
copy (wechatId) {document.getElementById(wechatId).select() // 选择对象document.execCommand('Copy') // 执行浏览器复制命令console.log('复制成功')
}

Vue 点击复制粘贴文本相关推荐

js实现复制并能保留原格式粘贴；vue中点击复制粘贴功能；vue复制功能（不需要插件）；
使用场景:vue项目中遇到点击按钮,复制文本的功能.复制成功后可以黏贴. <div @click="copyDesc">复制</div>methods:{c ...
vue2和vue3中点击复制粘贴
文章目录一.技术使用背景二.Vue2(点击复制粘贴功能的实现) 1.安装库并引入 2.定义methods和template结构(两种实现的方法) 3.测试结果第二种使用的方法三.Vue3(点击 ...
【问题解决】微软OneNote使用笔记，Ditto解决OneNote复制粘贴文本输出图片问题
微信关注 "DLGG创客DIY" 设为"星标",重磅干货,第一时间送达. 白嫖用onenote和onedrive有段时间了,简单粗暴好用,没得说. 先总结(BB ...
【转】vi编辑器中如何复制粘贴文本
转自:http://old.blog.edu.cn/user2/icethawless/archives/2006/1489681.shtml vi中多个文件相互之间的复制.粘贴功能简介大家在vi编 ...
vim可视模式下复制粘贴文本
[操作步骤] vim编辑器有两种操作模式:普通模式.插入模式.当打开要编辑的文件时,vim编辑器会进入普通模式.在普通模式下按 i 键进入插入模式,在插入模式下按 Esc 键返回普通模式. 在普通模式 ...
VirtualBox 中 Ubuntu 16.04 虚拟机与主机之间复制粘贴文本
VirtualBox 中 Ubuntu 16.04 虚拟机与主机之间复制粘贴文本 1. Settings -> General -> Advanced Bidirectional 2. 设 ...
linux内如何复制粘贴文本
linux内如何复制粘贴文本在终端中使用键盘快捷键进行复制粘贴为什么 Linux 终端不使用"通用"的 Ctrl+C 和 Ctrl+V 在终端中使用键盘快捷键进行复制粘贴在 ...
OneNote | 复制粘贴文本输出图片解决方案
OneNote | 复制粘贴文本输出图片解决方案 OneNote粘贴问题 Solution 1: 中转 Solution 2: 外部软件(推荐) Ditto使用教程1 Ditto使用教程2(推荐) O ...
adb 命令 pc端复制粘贴文本到android设备
假如你像我一样在寻找android下通过命令复制粘贴的方法. 不过android上是没有直接进行复制粘贴剪切板的命令,只有间接实现: 1.android设备首先android设备上,要把光标焦点定位 ...

Vue 点击复制粘贴文本

select() 方法只对 input和 textarea有效

Vue 点击复制粘贴文本相关推荐

最新文章

热门文章