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('复制失败')
}
