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("复制失败，请重试！")

        }