vue中实现复制内容到剪切板
一、安装 vue-clipboard2 依赖
npm install --save vue-clipboard2
二、在 main.js 文件中全局引入插件
import Vue from 'vue'
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard)
三、使用
<template>
<div>
<el-button
@click="onCopy"
>复制</el-button
>
</div>
</template>
<script>
export default {
data() {
return {
text: "这是一段复制的文本",
};
},
methods: {
onCopy() {
this.$copyText(this.text).then(
e=>{
console.log('复制成功:', e);
},
e=>{
console.log('复制失败:', e);
}
)
}
}
};
</script>
链接: vue中实现复制内容到剪切板_vue复制内容到剪贴板_敲代码的TKP的博客-CSDN博客