vue + elementUI项目中，el-cascader级联选择器使用频率非常高，一些基本使用方法可以参考elementUI官方文档，本文主要研究当接口只返回最后一级id时，如何向上找出所有父级数据，并设置组件el-cascader的默认值！图中未处理的数据就是根据最后一级id向上查找父级数据，处理后的数据是将找到的树形数据继续平铺处理成组件需要的各级id组成的数组（若业务场景固定，只需要id

本篇将实现vue2在css中使用js变量。下图是el-tab组件，由上面的tab头和下面的内容区构成，当内容区过长的时候，外层固定高度的盒子会出现滚动条（设置了overflow: auto;），tab头部会向上滚动而消失：滚动前：滚动后：现在的需求是，tab头部需要固定在最上方，不随滚动条滚动而消失。首先尝试将tab头用固定定位，加上背景色和z-index层级，已经实现悬浮固定，但是长度不够，只能

由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差...封装keepalive缓存组件，实现组件的缓存，并暴露相关方法，可以手动清除缓存

平时业务中下载文件方式常见的有俩种：第一种，直接访问服务器的文件地址，自动下载文件；第二种 ，服务器返回blob文件流，再对文件流进行处理和下载。一般小文件适用于第一种下载方案，不占用过多服务器资源，而对于体积庞大的文件，常常使用文件流的方式进行传输，如图：文件流传输成功后通过代码可以立即发起浏览器下载该文件流：这种方式也有弊端，在文件流传输过程中，用户无法感知文件流的传输状态（进度），会造成一些

平时业务中下载文件方式常见的有俩种：第一种，直接访问服务器的文件地址，自动下载文件；第二种 ，服务器返回blob文件流，再对文件流进行处理和下载。一般小文件适用于第一种下载方案，不占用过多服务器资源，而对于体积庞大的文件，常常使用文件流的方式进行传输，如图：文件流传输成功后通过代码可以立即发起浏览器下载该文件流：这种方式也有弊端，在文件流传输过程中，用户无法感知文件流的传输状态（进度），会造成一些

本文主要实现：根据el-table表格数据自动生成表头筛选条件的方法，可根据表格数据动态调整。el-table表格的表头增加筛选功能，大家平时都是怎么实现的呢？先看看官方文档的例子：<template><el-button @click="resetDateFilter">清除日期过滤器</el-button><el-button @click="clea