1.安装插件
npm install vue-clipboard2
//或者 yarn add vue-clipboard2
2.全局引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3.页面运用
<span @click="onCopy('要复制的内容')">点击复制</span>
onCopy(txt) {
//拷贝对象不能为数组、对象类型。使用JSON.stringify转化为字符串
let str = JSON.stringify(txt);
this.$copyText(str)
.then(() => {
this.$message.success({ message: "已成功复制到剪切板" });
})
.catch(() => {
this.$message.error({ message: "复制失败" });
});
},