【vue && ant design vue】 双击行复制该行数据id值

1.表格添加自定义行方法

<a-table :customRow="customRow"></a-table>

2.在自定义行方法中定义双击事件

  document.execCommand('copy') 调用浏览器复制命令，并返回boolean值

customRow(record){
            return {
                on:{
                    dblclick: (event) => {
                        let input = document.createElement('input');
                        input.value = record.id;
                        document.body.appendChild(input);
                        input.select();
                        let bool = document.execCommand('copy')
                        bool ? this.$message.success('复制该行ID成功') : this.$message.error('复制该行ID失败');
                        document.body.removeChild(input);
                    }
                }
            }
        },