原创

在element-ui中实现双击单元格复制内容

前言

最近项目换新架构,前端准备用element-ui,然后我就去折腾了一下它的表格,为什么会有这个需求呢?
首先是因为我们表格的数据比较多,不想破坏表格的排版,我们会将每一列超出的部分隐藏,然后会用它的api当鼠标悬浮的时候采用一个tooltips来显示全部内容,那么想要复制全部的内容怎么办呢,又不想点进详情里面复制,所以就想有没有双击单元格获得内容复制到粘贴板的功能,然后就找到了vue-clipboard2

1.引入vue-clipboard2

提供一个github的下载地址 https://github.com/Inndy/vue-clipboard2

2.在el-table中加入单元格双击事件

file

3.添加的对应的JS

file

正文到此结束
Loading...