单行文本(没有换行符)
methods: {
// 复制操作
copy(context) {
// 创建输入框元素
const input = document.createElement('input');
// 将想要复制的值
input.value = context;
// 页面底部追加输入框
document.body.appendChild(input);
// 选中输入框
input.select();
// 执行浏览器复制命令
document.execCommand('Copy');
// 弹出复制成功信息
this.$message.success('复制成功');
// 复制后移除输入框
input.remove();
}
}
多行文本
const input = document.createElement('textarea')
// input.setAttribute('value', this.copyContext) // 注意,这样写不行
input.value = this.copyContext.replace(/ /g, "\n") //我这是判断空格
//input.value = this.copyContext.replace(/,/g, "\n") //逗号
document.body.appendChild(input)
input.select()
document.execCommand('Copy')
this.$message.success('复制成功');
input.remove();
上面使用的插件为npm install clipboard --save
,自行安装,使用方法进入官网