复制功能:
function copy(codeData){
const textarea = document.createElement('textarea'); // 直接构建textarea 「注意:这里为了实现换行,需要创建textarea,如果用input的话,实现不了换行。」
textarea.value = '目的地编码:\r\n123456789\r\n987456223\r\ncodetest123\r\n'; // 设置内容 「注意: \r\n 是 换行 符号」
document.body.appendChild(textarea); // 添加临时实例
textarea.select(); // 选择实例内容
document.execCommand('Copy'); // 执行复制
document.body.removeChild(textarea); // 删除临时实例
console.log('复制成功!');
ElMessage({
message: '复制成功',
type: 'success',
});
}
let codeData = [{code:'xxx'},...];
copy(codeData);
复制内容效果:
目的地编码:
xxxxxxxx1
xxxxxxxx2
xxxxxxxx3
...
注意:如果复制的文本内容不需要换行,用 input 即可。涉及到换行操作的用 textarea 标签。
参考链接:
https://blog.csdn.net/weixin_34827675/article/details/112162971?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0.pc_relevant_default&spm=1001.2101.3001.4242.1&utm_relevant_index=2