博客
关于我
vue:复制文字到剪切板
阅读量:325 次
发布时间:2019-03-03

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

一、在main.js文件中引入和使用复制包(全局使用)

import VueClipboard from 'vue-clipboard2' //复制Vue.use(VueClipboard);

二、使用

避免两个this冲突

1、 this变量 不要乱放,最好永远放在所在闭包的 第一行,使用const 声明

2、vue实例的上下文推荐命名: vm

/** 点击复制 */clickCopy(e) {  const vm = this;  //console.log(e.target.innerText)  let copyText = e.target.innerText;  this.$copyText(copyText).then(function (res) {    console.log(res.text);    if(res.text){      vm.msgSuccess("复制成功");    }  });}

 

三、

 

 

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

你可能感兴趣的文章
MFC模态对话框和非模态对话框
查看>>
Moment.js常见用法总结
查看>>
MongoDB出现Error parsing command line: unrecognised option ‘--fork‘ 的解决方法
查看>>
mxGraph改变图形大小重置overlay位置
查看>>
MongoDB可视化客户端管理工具之NoSQLbooster4mongo
查看>>
Mongodb学习总结(1)——常用NoSql数据库比较
查看>>
MongoDB学习笔记(8)--索引及优化索引
查看>>
mongodb定时备份数据库
查看>>
mppt算法详解-ChatGPT4o作答
查看>>
mpvue的使用(一)必要的开发环境
查看>>
MQ 重复消费如何解决?
查看>>
mqtt broker服务端
查看>>
MQTT 保留消息
查看>>
MQTT 持久会话与 Clean Session 详解
查看>>
MQTT介绍及与其他协议的比较
查看>>
MQTT工作笔记0007---剩余长度
查看>>
MQTT工作笔记0008---服务质量
查看>>
MQTT工作笔记0009---订阅主题和订阅确认
查看>>
Mqtt搭建代理服务器进行通信-浅析
查看>>
MS COCO数据集介绍
查看>>