vue 前端复制到剪贴板
下载它
npm install vue-clipboard2 --save
在main.js 注册
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
页面上使用
<el-button
v-clipboard:copy="invite"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
icon="el-icon-connection">
复制
</el-button>
js
// 复制成功时的回调函数
onCopy (e) {
this.$message.success("内容已复制到剪切板!")
},
// 复制失败时的回调函数
onError (e) {
this.$message.error("抱歉,复制失败!")
}