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("復制失敗，請重試！")

        }