摘要：
前端经常会遇到导出文件或下载的功能，其本质就是下载后端的流信息并用Excel保存下来 方案1： this.$http({ method: 'GET', url: '/manageApi/exportApiInfoToExcel', params: {ids: this.multipleSelecti 阅读全文
摘要：
开发中遇到可以动态添加的表单，对这样的表单校验是比较头疼的。现做如下总结 如下图，计算节点中的表单是可以动态添加和删除的 1.主机名之间和ip之间不可重复2.主机名输入框的内容需调接口，查看该主机是否可用3.由于是动态添加的，需要对每一个输入框内容精准校验 数据结构如下： auditFormData 阅读全文
摘要：
最近表单校验有一个需求，就是根据输入框内容调用接口后，根据接口数据判断该输入框中的内容是否可用 阅读全文
摘要：
最近开发中遇到个问题： 表格先获取数据，之后再次操作数据后需要更新表格数据。 此时数据已经修改，但是表格中未显示最新数据。 解决：重新渲染表格 下文列举了3种方法，说说使用体验吧。 1. 使用v-if重新渲染表格。由于我的逻辑需求必须使用v-show，所以我这里重新设置了v-show，但延迟比较严重 阅读全文
摘要：
最近开发遇到个坑，当页面中使用v-if控制显示隐藏表格时，表格列显示数据错位。 具体如下： 在dialog中使用了一个表格，并且是有合并列的，点击下一步会再使用另一个表格。问题出现了，表格2中从第3列数据出现数据错位，并且最后一列数据不显示。经过多次尝试并未解决，后来想到了表格1使用了合并列，且正好 阅读全文
摘要：
大写表示“非”。\d表示digit数字，非数字就是\D。 \w表示word，非单词就是\W。 1、不以 小写字母 开头 /^(?![a-z])/ 2、不是小写字母和数字 /[^0-9a-z]/ \W 可以配置 非字母和数字,等价于 [^a-zA-Z0-9] 3、匹配连续重复的字符 \1 \1必须与小 阅读全文
摘要：
如题，实现过程中遇到问题如下： 1. elementUI动态增减表单项时只能使用行内校验 2. 自定义校验在行内如何设置才生效 先看下官网上的： 对比数据结构，注意下prop的写法。如果你的数据就是个数组，比如：domains：['123', '456', '789']。就要写成：:prop="'d 阅读全文
摘要：
输入框有个需求，“长度在3-20之间”，想要用户边输入边校验，而不是等输入完了点击提交的时候再校验 输入框有个input事件，尝试过将校验的触发条件改成 trigger: 'input'，并不是生效 解决方案： 输入框添加input事件： 再手动触发检验规则： 检验规则根据自己需求添加即可 阅读全文
摘要：
最近开发时需要个问题，由于要修改已有的css，尤其是修改不是自己写的布局时（os：自己写的时间一长也基本忘得干净）。经过一番排查后发现是position：fixed时，页面不能向下滚动了。一开始还以为是定位问题，需要改成relative或absolute。开看解决方法： 只需加这两行： .mainC 阅读全文
摘要：
项目中用到了点击一个按钮，复制一段文字的功能 使用 vue-clipboard2 安装：使用下面的方式或者在package.json中配置好后 直接npm install npm install --save vue-clipboard2 在main.js中配置： import VueClipboa 阅读全文