1、插件clipboard
npm install clipboard
//使用的vue页面引入
import Clipboard from 'clipboard'
2、编写方法
copyContent (className) {
const _this = this
var clipboard = new Clipboard('.' + className)
clipboard.on('success', e => {
_this.$message.success('复制成功')
clipboard.destroy() // 释放内存
})
clipboard.on('error', e => {
_this.$message.error('该浏览器不支持自动复制')
clipboard.destroy() // 释放内存
})
},
3、template调用
<template>
<div>
<span data-clipboard-text="需要复制的内容1"
@click="copyContent ('content-one')" class="content-one">复制内容1</span>
<span data-clipboard-text="需要复制的内容2"
@click="copyContent ('content-two')" class="content-two">复制内容1</span>
</div>
</template>
网友评论