前端开发努力中！

本文介绍了如何在后台管理系统中全局封装一个自定义压缩包下载方法。首先，通过安装jszip和file-saver库来实现文件压缩和下载功能。接着，定义了一个公共方法jszipDown，该方法支持自定义压缩包名称、文件夹和文件路径，并能够将指定的文件和文件夹打包成压缩包进行下载。

element el-table实现表格动态增加/删除/编辑表格行，对每一行数据增加校验规则

通过ref来调用自身的方法比如 handlerStart，handlerSuccess这些都是el-upload身上的方法，这里的ref为。也可以在其他控件中添加事件监听，这里在当前form-item 这个块使用了，只有当你点击目标区域时才有效。对form中的某一个el-form-item添加。事件，事件绑定方法名。

对element-ui组件的upload组件再一次封装，简单记录。注意点：该组件现在仅支持单图和单个视频上传。

1.定义路由时在meta增加一个参数用来判断。

监听路由变化判断要跳转的路由中是否存在childrenUrl，存在则表示他是多级路由拿到他的childrenUrl给vuex中的defaultActive。修改vuex中的值并使用sessionStorage做到持久化储存避免页面刷新菜单高亮失效。这个defaultActive放到vuex中方便后续操作。1.在创建路由的时候给子路由多增加一个参数用来判断。主要实现多级路由跳转后还想保持左侧菜单高亮。

基于vue2+Element-ui实现动态面包屑导航。如图效果需要用到Element-ui中的和组件，再使用进行和sessionStorage做到持久化储存。先看一下页面结构。

1.封装获取时间方法。2.再upload上传之前拿到上传的file文件，调用方法。

在组件下面先局部引入拖拽组件vuedraggable，import draggable from 'vuedraggable';3.定义组件接收参数，上传图最大值，宽，高，圆角，回显数组，然后监听当前数组值变化再传递给父组件。项目基于vue2，element2，vuedraggable2，话不多说直接开整。直接在项目components下面创建组件名为uploadImg。2.使用element的upload组件，创建mystyle对样式穿透动态修改。4.在父组件使用，按钮提交作校验成功拿到数组数据。

首先在table表格加上ref，让后在页面mounted调用 table的doLayout方法。