element ui 表格实现点击复制单元格内容

本文介绍了如何在Element UI的表格组件中实现点击复制单元格内容的功能。通过使用vue-clipboard2插件,解决npm安装过程中的错误问题,如ERROR -4048。文中提供了解决该错误的两种方法,包括删除node_modules和package-lock.json文件,以及清理npm缓存。在解决安装问题后,文章详细讲解了全局引入插件、为单元格添加点击事件及对应的事件处理方法,特别提醒在方法外保存`this`以便正确引用上下文。
摘要由CSDN通过智能技术生成

1.npm 安装 vue-clipboard2 插件

npm install --save vue-clipboard2

注意:接下来就是我的入坑爬坑之旅。。。

npm install --save vue-clipboard2之后,直接就报了ERROR -4048,找到了两种解决方法。

  1. 把node_modules文件夹删除,package-lock.json文件也删除,以管理员身份运行cmd,再npm install;
  2.   npm cache clean --force 再npm install;(亲测有效)

终于解决了,npm run dev又报错!!!'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

解决方法:简单粗暴,删了再装(哈哈哈哈,我没有开玩笑,亲测有效!!)

项目根目录删除node_modules文件夹,然后在项目根目录路径下的终端运行"npm install"等待安装完之后,再次运行“npm run dev“,完美!

2.全局引入

import Vue from 'vue'

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

3.单元格添加点击事件

<el-table-column label="操
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值