摘要：
需求： 点击列表中文字是文字的click事件，复选框是复选框的事件 核心代码： 完整需求：点击全选全选所有的，复选框选择后的数据会被收集到checkedArr这个数组中，进行批量下载；文件的点击事件根据文件类型去预览或者下载 需求分析：设计稿的全选并不是element的样子： 思路：我们可以把ele 阅读全文
摘要：
新增和编辑页面，这个两个入口 两个页面用的一个组件，在组件内部通过$route.query.xxx去进行渲染逻辑的判断： 页面中我们想达到的效果：新增： 编辑： 很显然，我们都知道只需要设置其meta标签即可。于是乎，我就在路由表中： 但是这样的话，面包屑的显示逻辑是没问题的，新增就显示新增， 编辑 阅读全文
摘要：
正常情况下，我们在vue项目中路由切换为了视觉体验更好，我们会给路由增加切换的动画效果： 但是当我们某个路由内做了固定定位，那么在首次进入这个页面的时候就会因为动画效果造成“抖”一下的效果，没预先定位到我们想要的位置上。如图： 路由动画完成后： 为了解决这个问题，我们就想着要单独去掉这个路由的动画效 阅读全文
摘要：
运用cssText这个属性： 对同一个盒子保留原有样式的基础上进行新的添加： 阅读全文
摘要：
element默认上传成功和删除以及文件列表图标样式： UI需求样式： 首先我们需要更换文件列表样式： 我们选择看到：是用的伪类:content:"\e785" 第一种方法：这个我们在阿里图标库中可以下载想要的图标，把包引入到项目中，用字体图标css文件中的content中的去替换掉el-icon- 阅读全文
摘要：
上传组件：组件效果 功能说明： 1. 上传为post请求，请求需要携带四个参数，其中有file上传的文件 2. 自定义上传时显示进度条，正在上传的文件删除要杀死当前这个请求，这里是用的file.uid进行的对号查找 3. 当有任务上传时，关闭或者刷新页面要杀死所有请求。 组件代码： <templat 阅读全文
摘要：
需求：设计稿如下，上传按钮与上传列表不像element上传那种样式是左对齐的 代码结构： 用我们自己的按钮加上click事件之行： 核心代码： this.$refs['fileRefs'].$refs['upload-inner'].handleClick() 参考这篇文章 阅读全文
摘要：
需求：（vue项目） 导航固定，导航上锚点定位，滚动条滚动有动画效果。 实现方法： 1）最简单的莫过于用a标签的href="#要跳转的id名"即可，不过这种会造成页面的刷新 2）用 scrollIntoView()来做，不过这个api是相对于浏览器顶部对齐的。由于我们的导航是固定定位，那么在进行滚动 阅读全文
摘要：
需求：我们有两个弹出框，这俩弹出框用的是一个组件（一个form表单），因为他们有相同的字段，可能A弹框的字段是最全的，B弹框是部分字段，通过v-if根据不同的弹框控制显示不同的字段 A弹框： B弹框 由于之前我们在一个form表单中通过: this.$refs.rulesFormRef.valida 阅读全文
摘要：
需求： 1. 字段类型本身是有需要必选的校验，只有当且选择数据字典时，才会动态的触发来源字典的校验（必填），反之，去除来源字典的校验。 2. 当下拉框选择数据字典后，触发了来源字典的校验，这时候来源字典满足校验后，会移除错误提示信息，反之，没有输入任何内容失焦后又会重新触发校验；当下拉框切换为非数据 阅读全文