不熬夜了不想秃头-CSDN博客

原创 Element-ui 中树形控件 el-tree 结合 el-input 或 el- cascader实现增删改功能

注意：图中仅支持四级，且el-cascader的指标和名称不能在同一级。写本文仅为记录，仅供参考，如有不对的地方，欢迎指点。实现功能主要有双击修改节点、增加父节点、增加子节点删除节点以及保存时的非空校验。增加节点和删除节点可以用el-tree现有的方法，但是。

2024-08-15 16:00:44 177

原创 vue+el-table组件+XLXS插件导出表格（纯前端）

解决办法：导出.xlsx格式的表格，.csv格式的也可以，但是.csv格式的表格存在没有单元格合并的问题。1.导出的数据被加工,数字过长会变成科学计数法，百分数会变成小数等。2.导出.xls格式的表格，超过256列，数据会丢失。添加{ raw: true} 参数表示导出数据是未加工。js部分封装的导出代码，其他地方调用传入一个文件名即可。.xls格式单个工作表最多支持65536行,256列。原因：js-xlsx提供了。功能，会识别数据格式，然后进行加工。

2024-02-20 14:52:34 392

原创当多个页面使用同一接口数据时，减少调用次数并且有改变时需要重新调用（纯前端）

在其他导致状态发生变化的方法里添加this.$store.dispatch('getStatusLegend')需求：当多个页面使用同一接口数据时，需要减少调用次数，并且有改变时需要重新调用。借用vuex和promise方法来调用接口保存和返回数据。若有其他好方法欢迎评论或有错误之处请指正。，重新进入与页面的时间戳进行比较，，保存数据时需添加一个属性值为。比页面时间戳大时，重新赋值。

2024-01-16 16:13:39 582 1

原创 el-table-column有插槽时的悬浮提示，以及内容过长悬浮框抖动处理

注意样式写在不带scoped的style里面，为了避免影响其它样式，使用了自定义样式popper-class=“workorder-reason-popper”el-table设置show-overflow-tooltip属性后，数据过多时(超过3000字符)闪烁不显示。使用show-overflow-tooltip超过一定的行数，通过样式控制显示...方法二：使用show-overflow-tooltip超过一定的行数显示...其中-webkit-line-clamp是要显示的行数，例子显示12行。

2024-01-10 10:42:23 1831

原创 el-table合并行后加sortable排序（纯前端）

思路是：通过接口获取到的一维数组，根据对象数组中对象的某个属性值进行拆分成一个二维数组，二维数组内部进行排序，再解构成一维数组，重新计算需要合并行数。相同属性值合并的行是一大类，后面的列升序或降序是指在这每一大类中排序。sortable属性值不能简单的为true需要为’custom'，因为是合并行之后加的排序，所以el-table-column的。el-table组件只有合并列后加排序的，没有合并行后加排序。sort-change方法。el-table需要添加。

2024-01-05 09:36:43 797

原创 vue+swiper+echarts 循环轮播时第一个图表有时不显示以及禁止swiper在图表中滑动

复制得来的echarts（第一个和最后一个, 使用其所复制的那个echarts来执行其setOption方法。原因：swiper的loop设置为true了，会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。，想鼠标滑动平移图表的内容，会直接切换slide,而且图表的图例点击无反应，，使该slide无法拖动。复制出来的slide导致原本设置的echarts的id不在是唯一的。使用echarts的图表是被封装过的组件，处理起来比较麻烦。

2023-12-27 11:09:29 849

转载 “填坑”之解决Unable to preventDefault inside passive event listener invocation.

Unable to preventDefault inside passive event listener invocation.

2023-02-06 16:32:59 8960 3

m0_46074266的博客