那些年我们遇到的坑
路遇不平坑,填
Er ist träumer.
学无止境
展开
-
iview下拉框多选,重置表单后,下拉框触发校验提示错误信息
如出现标题所述情况,请把这个字段在重置函数调用之前,把该字段删除掉。原创 2023-02-24 22:42:01 · 444 阅读 · 0 评论 -
上传图片尺寸校验
校验图片尺寸?原创 2023-02-18 17:56:43 · 1373 阅读 · 0 评论 -
关闭input自动填充解决方案
问题:使用 vue2.x +iview 3.x 在谷歌浏览器保存网站密码之后,打开项目,项目中的表单页面自动填充账号原创 2022-08-10 11:55:46 · 3177 阅读 · 0 评论 -
antd3.x版本table使用fixed错位问题修复
问题如图:修复后如下:解决思路:fixed栏位高度没有自适应(即和子表格高度一致),通过获取元素ant-table-expanded-row,拿到子表格的高度(盒子a),且子表格在fixed栏位也插入了以ant-table-expanded-row命名的盒子((盒子b)高度固定,导致错位)。通过观察,将a盒子的高度给b盒子,且设置定位,可以修复 expandedRowsChange = () =>{ setTimeout(()=>{ const d = docum原创 2022-04-09 01:27:46 · 2962 阅读 · 0 评论 -
moment当前周的第一天是周日?
获取当前周的第一天moment().startOf('week').format('YYYY-MM-DD HH:mm:ss')// 2022-01-16 00:00:00 周日?怎么获取周一为第一天的正确时间呢?moment().startOf('isoweek').format('YYYY-MM-DD HH:mm:ss')// 2022-01-17 00:00:00 周一...原创 2022-01-20 11:04:08 · 1453 阅读 · 0 评论 -
vue表格的字段校验
需求:表格中某个栏位为输入框,且是必填项!要求进行校验设计如下:// 校验字段const checkFieldArr = ['groupBuy', 'actualPrice', 'adjustPrice', 'skuQuantity']// 返回信息 const messages = { groupBuy (index) { return `表格第${index + 1}行团购信息有误,请重新选择!!!` }, actualPrice (index) { return `表格第${in原创 2021-12-07 12:00:11 · 1354 阅读 · 0 评论 -
Nuxt触发了即将销毁组件的生命周期钩子函数
2021年11月22日15:30:56nuxt项目中,接口重复请求!!!一番查看,方法都调用了一次,但唯独接口调用了两次,未解决!!!另外发现,点击浏览器返回按钮,竟然触发了即将销毁的组件的mounted函数,还是3次,我惊呆了!!! 经过一番玄学测试,竟然是transition这个罪魁祸首,简直伤心病狂!!!删除之后上述问题消失。解决问题,跳转页面钱触发loading,导致页面闪烁!...原创 2021-11-22 15:37:19 · 894 阅读 · 0 评论 -
解决element表格跨页面多选的另一种方案
在不使用 element 内部提供的reserve-selection属性的情况下,实现跨分页多选模板代码代码如下:<div class="table"> <j-table ref="multipleTable" :data="tableData" :row-key="row=>row.id" @selection-change="handleSelectionChange" > <j-table-column type="selectio原创 2021-11-11 16:18:54 · 251 阅读 · 0 评论 -
vue使用rem适配(亲测有效)
1.使用插件当前插件版本:postcss^8.3.6 postcss-pxtorem^5.1.1 npm i postcss postcss-pxtorem -D2. 在vue.config.js中配置 css: { loaderOptions: { postcss: { plugins: [ require("postcss-pxtorem")({ // 换算基数, rootValue: 16原创 2021-08-05 10:20:10 · 3524 阅读 · 0 评论 -
vue-i18n语言,页面刷新字体恢复默认问题解决
用vue-i18n实现多语言翻译,简单方便!然而在实现多语言切换后,发现一个问题,就是切换语言后,刷新页面后,页面又恢复到默认语言,这很尴尬。在查阅资料后,寻找到一种解决办法。废话少说,上代码1、第一步把 切换语言储存到localStorage // 语言切换 handleCommand(command) { if (command == "ZH") { ...原创 2019-08-12 11:07:11 · 3415 阅读 · 2 评论 -
echarts图标跟随页面大小变化
场景一单个组件在页面中,让echarts大小自适应 window.resize =()=>{ myChart.resize() } //myChart 是获取的dom元素场景二单个页面含有多个echarts组件,用上面的代码,只能是最后一个ercharts组件自适应。用下面代码可实现。window.addEventListenner('resize',()=>{ myCa...原创 2019-06-27 08:31:44 · 819 阅读 · 0 评论 -
echarts X轴时间刻度自定义
当前示例版本 echarts@4.2.1 自定义系列-Profile默认X轴显示样式 xAxis: { min: startTime, scale: true, axisLabel: { formatter: function (val) { return Math.max(0, v...原创 2019-06-13 16:29:42 · 25289 阅读 · 0 评论