提示:记录工作中遇到的需求及解决办法
文章目录
- 前言
- 一、代码
前言
在使用elementui的表格将数据展示出来时,我们想复制该表格区域对应的内容,但因为想复制的列不想太宽而数据太长导致数据省略,无法使用鼠标选择来全部复制到,所以想能不能实现一个双击该内容达到复制效果;
1.看了一下elementui文档有一个 cell-dblclick 的双击事件,和该事件的传参。
2.拿到传递的参数,将参数中需要的数据复制到粘贴模板
一、代码
<template>
<el-table ref="table" :data="tableList" @cell-dblclick="clickCopyTableCellValue" >
<div slot="empty" style="text-align: left">暂无数据</div>
<el-table