vue + elementui 项目中使用clipboard2实现复制功能

1.安装依赖包

npm install  vue-clipboard2  --save

2.在项目main.js 文件中引入

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

3.具体页面中使用

<el-button size="mini" v-clipboard="autoCreateOrder"
     v-clipboard:success="clipboardSuccessHandler"
     v-clipboard:error="clipboardErrorHandler"
     class="el-icon-document-copy"
     >点击复制
</el-button>

//autoCreateOrder是需要复制的文本内容所绑定的变量

clipboardSuccessHandler(e) {
   this.$message.success('复制成功')
},
clipboardErrorHandler(e) {
   this.$message.error('复制失败')
}