vue 实现粘贴复制

1.下载clipboard.js

cnpm install clipboard --save

2.引入，可以在mian.js中全局引入也可以在单个vue中引入

import Clipboard from 'clipboard'; 

3，在组件中使用

     

        点击复制

     

   

js:

methods: {

    //

    copy() {

      var clipboard = new Clipboard(".tag-read");

      clipboard.on("success", e => {

        this.$toast("复制成功"); //这里你如果引入了elementui的提示就可以用，没有就注释即可

        // 释放内存

        clipboard.destroy();

      });

      clipboard.on("error", e => {

        // 不支持复制

        this.$toast("该浏览器不支持自动复制");

        // 释放内存

        clipboard.destroy();

      });

    },}