作用一：递归组件一个组件要用自己的时候，可以通过自己的名字来使用自己。<div><div class="item" v-for="(item, index) in list" :key="index"><div class="item-title border-bottom"><span class="item-title-icon"></sp

Vue项目实现文件下载进度条需求场景大文件下载，花费的时间比较长，没有任何提示，用户体验很差。需要优化，提示文件在下载中，并且显示进度百分比。实现步骤1.下载文件的方法，需要拿到当前进度。2.每一次下载进度更新，需要监听变化，并且刷新页面显示的数据。3.封装一个文件下载进度的组件。下面一步步来实现：1.获取文件下载进度axios作为一个易用、简洁且高效的http库，有没有获取下载进度的方法呢？打开

为啥要包装一个延时器，由于setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死网页。但是setTimeout是自带清除定时器的。

原因：element-plus需要单独引入 icons 文档。element+ 引入图标报错。之后就可以正常使用了。

Vue项目实现文件下载进度条需求场景大文件下载，花费的时间比较长，没有任何提示，用户体验很差。需要优化，提示文件在下载中，并且显示进度百分比。实现步骤1.下载文件的方法，需要拿到当前进度。2.每一次下载进度更新，需要监听变化，并且刷新页面显示的数据。3.封装一个文件下载进度的组件。下面一步步来实现：1.获取文件下载进度axios作为一个易用、简洁且高效的http库，有没有获取下载进度的方法呢？打开

2.问题2，调用 this.key = Math.random()后会导致table的滚动条被重置到最上面的问题，解决办法就是，调用this.key之前先记录滚动条高度，调用完成后还原成之前的高度。

W3C标准的说法是：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。例如：<el-input placeholder=“输入号码回车即可呼叫” v-model=“num” @keyup.enter.native=“callOut”>现在这个form里只有一个input，你回车,它竟然没有触发事件，而是刷新页面了，而且放两个input就没问题了，element-ui提供了

封装一个动态表单组件在 Vue 2 和 Element UI 中需要考虑到表单字段的动态添加、删除以及验证等复杂功能。下面是一个简单的例子，展示如何创建一个可以动态添加和删除字段的表单组件。

在 Vue 2 和 Element UI 中封装一个动态表格组件意味着要创建一个组件，它能够根据传入的数据和配置动态地生成表格，并支持排序、筛选、分页等功能。首先，确保你已经安装了 Element UI，并在你的 Vue 项目中正确地引入和使用了它。然后，创建一个新的 Vue 组件，比如 DynamicTable.vue。

需要代码可以加我。