第一步：安裝依賴

cnpm install --save vue-clipboard2

第二步：在main.js中導(dǎo)入依賴

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

第三步：頁面中使用復(fù)制功能

<template>

<i class="el-icon-document-copy "@click="onCopy('text')" />

</template>

<script>

export default {?

????data() {?

????????return { }

????}?

?????methods: {?

?????????onCopy(txt) {?

?????????????this.$copyText(txt).then(() => {?

?????????????????this.$message.success({message:"已成功復(fù)制到剪切板"})?

?????????????}).catch(() => {?

?????????????????this.$message.error({message:"復(fù)制失敗"})?

?????????????})

?????????}?

?}}

</script>