博客
关于我
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/

你可能感兴趣的文章
Netty工作笔记0070---Protobuf使用案例Codec使用
查看>>
Netty工作笔记0071---Protobuf传输多种类型
查看>>
Netty工作笔记0072---Protobuf内容小结
查看>>
Netty工作笔记0073---Neety的出站和入站机制
查看>>
Netty工作笔记0074---handler链调用机制实例1
查看>>
Netty工作笔记0075---handler链调用机制实例1
查看>>
Netty工作笔记0076---handler链调用机制实例3
查看>>
Netty工作笔记0077---handler链调用机制实例4
查看>>
Netty工作笔记0078---Netty其他常用编解码器
查看>>
Netty工作笔记0079---Log4j整合到Netty
查看>>
Netty工作笔记0080---编解码器和处理器链梳理
查看>>
Netty工作笔记0081---编解码器和处理器链梳理
查看>>
Netty工作笔记0082---TCP粘包拆包实例演示
查看>>
Netty工作笔记0083---通过自定义协议解决粘包拆包问题1
查看>>
Netty工作笔记0084---通过自定义协议解决粘包拆包问题2
查看>>
Netty工作笔记0085---TCP粘包拆包内容梳理
查看>>
Netty常用组件一
查看>>
Netty常见组件二
查看>>
Netty应用实例
查看>>
netty底层——nio知识点 ByteBuffer+Channel+Selector
查看>>