vue项目如何实现剪切板功能--vue-clipboard2

1、安装vue-clipboard2插件：

npm install --save vue-clipboard2

2.main.js添加

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

3.copy组件：message绑定需要复制的文本/onCopy复制成功回调/onError复制失败回调，在需要复制的地方调用

v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError"

另外补充：
原生js实现点击按钮，复制文本框中的的内容

<body> <textarea cols="20" rows="10" id="test">用户定义的代码区域</textarea> <input type="button" onClick="copyUrl2()" value="点击复制代码"/> </body> <script type="text/javascript"> function copyUrl2(){ var Url2=document.getElementById("test"); Url2.select();//选择对象 document.execCommand("copy");//执行浏览器复制命令 alert("已复制好，可粘贴"); } </script>

转载自：https://blog.csdn.net/qq_33485463/article/details/80454635

posted @ 2019-06-19 00:00 jser_dimple 阅读(343) 评论(0) 编辑收藏举报

刷新页面返回顶部