博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue+复制文本到粘贴板
阅读量:4159 次
发布时间:2019-05-26

本文共 438 字,大约阅读时间需要 1 分钟。

Vue+复制文本到粘贴板

问题:获取浏览器IP端口+请求接口拿到一个url地址,复制到粘贴板;

安装:

npm install --save vue-clipboard2

全局注入main.js: 

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

HTML:

复制 // url:IP+端口号 list.url:接口拿到的地址 // copySuccess和copyFail:复制成功或失败的回调函数

JS:

// 复制链接成功      copySuccess(e) {        this.$message.success('复制成功链接' + e.text)      },      // 复制链接失败      copyFail() {        this.$message.success('复制失败')      },

示例:

转载地址:http://osbxi.baihongyu.com/

你可能感兴趣的文章
HTML5学习之——HTML 5 视频
查看>>
HTML5学习之——HTML 5 Video + DOM
查看>>
HTML5学习之——HTML 5 音频
查看>>
HTML5学习之——HTML 5 拖放
查看>>
HTML5学习之——HTML 5 Canvas vs. SVG
查看>>
HTML5学习之——HTML 5 应用程序缓存
查看>>
HTML5学习之——HTML 5 Web Workers
查看>>
HTML5学习之——HTML 5 Canvas
查看>>
HTML5学习之——HTML5 内联 SVG
查看>>
HTML5学习之——HTML 5 服务器发送事件
查看>>
SVG学习之——HTML 页面中的 SVG
查看>>
SVG 形状学习之——SVG 矩形<rect>
查看>>
SVG 形状学习之——SVG圆形
查看>>
SVG 滤镜学习之——SVG 滤镜
查看>>
mysql中用命令行复制表结构的方法
查看>>
hbase shell出现ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException
查看>>
让代码变得更优雅-Lombok
查看>>
解决Rhythmbox乱码
查看>>
豆瓣爱问共享资料插件发布啦
查看>>
Ubuntu10.10 CAJView安装 读取nh\kdh\caj文件 成功
查看>>