IT_dabai的博客

要求el-tree-select 的节点根据节点数据状态来进行显示隐藏（状态字段为status，显示：‘1’，隐藏：‘0’）

首先echart初始化的组件宽度设置了width: 100%，那么本来这个时候，echart图表会根据父级自适应宽度。但因为el-tabs标签页，一开始的状态是display：none，也就是没有宽度，这个时候ehcart获取不到父级宽度，就会默认的给一个100px的宽度

其实这个联动，主要是搞懂el-tree的node-key和属性就行。简单来说，就是你想展开哪个节点，就把该节点node-key对应的字段放入default-expanded-keys对应的数组中。其他的就是对数据的处理把接口获取到的数据处理成你想要的样子，这是前端在很多时候都要做的事情。

element-ui里面的树状表格，当层级和数据过多的时候会出现点击展开和折叠的时候卡顿。这种处理方式会在展开过多时慢慢变得卡顿，所以需要提供一个逻辑，使得用户可以一键回到第一层，且卸载所有子节点。我以为是源码里的逻辑不好，debug源码，但是没有发现原因，后求助同事，得出是dom元素过多导致的。在点击展开的时候，改变display样式，因为元素位置变化，页面发生回流，且元素多，所以开销大。一次性加载所有数据的时候，折叠的元素都已经加载了，只是样式为dispaly：none；

el-date-picker 结合dayjs 快速实现周选择、月选择，并设置控件的显示格式提供选择器，可供选择为 按月选择 或 按周选择这里给el-date-picker 按周选择，配置了周起始日为星期一。

解决弹窗内容被遮罩遮住、弹窗层级样式不够问题情况一：弹窗层级样式不够。elementui文档上，Message板块有写到可以提供自定义class。通过自己设置类名，可以对其设置相关css属性。情况二： 弹窗内容被遮罩遮住。

解决el-table 固定的操作栏错位。方案如下

本篇文章主要是想记录拖拽时进行条件判断，若条件不满足则数据不变（还原数据）的情况。这个条件判断、还原数据的方法，我也是在网上查询总结出的，发现这方面的东西不好找，自己做个记录，方便以后查询在要使用拖拽的组件进行引用js代码拖拽条件判断首先我们需要设置 forceFallback: false (设置了这个，才能达到条件不满足，还原数据的效果)在onMove中进行条件判断，如果不满足条件，进行 return false。......

给兄弟们直接上代码解决问题：后端分页，el-table序号每一页都从1开始增长用法简单，直接实用<el-table-column type="index" label="序号" width="80"> <template slot-scope="scope">{{(currentPage - 1) * pageSize + scope.$index + 1}}</template></el-table-column>实测可用！表格序号能够根据页

el-table每一行的序号会根据当前页码和页码大小进行自增长

项目涉及表单验证，对表单中深层次对象进行验证

项目中使用到el-tree， 考虑到数据量还是有这么大，就想将用户对节点的操作保存下来（保存用户已点击展开的节点id，在下一次进入或刷新后，对其进行默认展开操作）问题：在后面测试中发现点击第一级展开的某些节点，节点竟然无法关闭。。。。。