vue2实现点击表格复制表格全部数据到粘贴板
vue2实现点击表格复制表格全部数据到粘贴板
·
用navigator.clipboard.writeText()即可
<div
@click="copyFailData"
>
<el-table
:data="tableData"
/>
</div>
methods: {
copyFailData() {
const textToCopy = this.tableData.map(item => `${item.type} ${item.failRes}`).join('\n');
navigator.clipboard.writeText(textToCopy)
.then(() => {
this.$message.success('复制成功');
})
.catch(() => {
this.$message.error('复制失败');
});
}
}
注意:这里的复制会把表格中所有的数据都复制到剪贴板,如果要复制每条数据,则需要修改代码
更多推荐
已为社区贡献3条内容
所有评论(0)