![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
前端码农小黄
热爱编程,乐于分享
展开
-
el-table出现cannot read property ‘key‘ of undefined
起因:线上项目突然反馈说有列表卡死的情况,紧急排查了一下,发现是返回了重复的列表id了,而且我们使用了rowKey属性,所以卡死了。这是后端迁移的数据,是正常的,所以得我们解决…解决方案:获取数据时我们手动给列表设置一个不重复的id// 假如table数据是data,页数是page,数量是limitdata.forEach(item => { item._id = `${item.id + (page * limit)}`})这样子就能保证每个id不重复并且翻页时id都能对得上了~原创 2022-01-23 22:00:55 · 1752 阅读 · 0 评论 -
vue+element+vue-cropper实现上传裁剪功能
在用户上传前在before-upload钩子获取files文件,然后中断上传操作beforeAvatarUpload (files) { this.filename = files.name this.openCropper(files) return false}然后在openCropper方法中用FileReader对读取文件并打开自己的cropper组件openCropper (file) { var _this = this var reader = new FileR原创 2021-03-10 10:11:54 · 618 阅读 · 2 评论 -
element-ui el-table翻页不丢失选中状态
https://blog.csdn.net/Ms_alinda/article/details/102861781?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.none.转载 2020-06-17 15:15:14 · 1597 阅读 · 0 评论 -
Blog: 用element-ui表格实现可在表格内编辑,修改数据
实现效果如下:更改完数据也改变了<template> <el-table :data="tableData" @cell-dblclick="handle" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> <template slot-scope="scope"> <div v-if="!scope.row原创 2020-06-16 23:10:01 · 7335 阅读 · 12 评论