vue 点击复制内容到剪切板 动态

d

1.安装vue-clipboard2

npm install --save vue-clipboard2

2.引入

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
 
Vue.use(VueClipboard)

3.使用

在按钮中定义一个复制函数

<el-button type="primary"   @click="copy('复制的内容')">复制</el-button>

函数内容

copy(text){
    let copytext= text;
    this.$copyText(copytext).then(res => {
      this.$message.success({message:"已成功复制到剪切板"})
    }).catch(err => {
      this.$message.error({message:"复制失败"})
    })
}