【vue组件 复制到剪切板】

首先 使用npm安装依赖
 
npm install --save vue-clipboard2
 
然后在main.js中注入
 
//复制到剪切板
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
 
 
最后在项目文件中使用
 
<span title="点击复制"
  v-clipboard:copy="你想要复制的内容"
  v-clipboard:success="成功后调用的事件"
  v-clipboard:error="失败后调用的事件"
  style="cursor: copy;"
  >{{scope.row.policyNo || '未知'}}</span>
 

        // 复制成功
        onCopy() {
            this.$message.success("复制成功!")
        },

        // 复制失败
        onError() {
            this.$message.success("复制失败,请重试!")
        }

  

 
原文地址:https://www.cnblogs.com/whblogs/p/15224269.html