vue一键复制文本

1、vue-clipboard2安装

  

npm install --save vue-clipboard2   

2、使用 

//在main.js注册
import Vue from 'vue' import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard);

3、使用方法

//html代码
<button @click="copy">复制</button>
//js代码
copy(){
  this.$copyText(this.value).then(
    function(e) {
      console.log("copy arguments e:", e);
      alert("复制成功!");
    },
    function(e) {
      console.log("copy arguments e:", e);
      alert("复制失败!");
    }
  );

}

 

posted @ 2021-01-16 21:11  新人小菜鸟  阅读(122)  评论(0)    收藏  举报