用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('复制失败');
        });
    }
}

注意:这里的复制会把表格中所有的数据都复制到剪贴板,如果要复制每条数据,则需要修改代码

Logo

前往低代码交流专区

更多推荐