- 博客(5)
- 收藏
- 关注
原创 动态路由下刷新 页面空白
前言最近设计动态路由时,刷新页面空白。突然想起以前笔记里面记录过,翻看了下,今天得空儿分享出来。问题描述在全局前置守卫router.beforeEach里面加入动态路由设计时,刷新动态页面,明明router已经生成了,结果还是空白,打印后发现to对象里面除了path其余属性皆为空值(如下图)。原因在刷新后动态路由需要重新获取,而to对象是在动态路由生成之前产生,所以获取不到真正路由信息。解决方案方案一正常的next()加个matched长度判断,matched是当前路由的所有嵌套路径片段的
2020-12-04 15:12:30 4103 7
原创 el-input 关于动态校验数字类型时修饰符.number失效
问题一:el-input标签内设置type=“number” ,中文输入法输入,在失去焦点时就会录入英文字符问题二:el-input标签内设置v-model.number=“form.name”,默认值为数值型字符串(例如后台动态返回数据),则rules校验会报错,如下图:问题三:如果是非必填的,可以为空,若不为空则需要校验输入类型为数字。问题四:使用.number修饰符或者使用Number()方法均会使得输入数字+字符,最终提交会自动转换成数字解决办法1、rules里面用type:‘n
2020-12-04 15:09:54 3426
原创 vueRouter--matcher之动态增减路由
前言优化项目时,有个环节在主路由下,根据后端返回不同内容,需要修改动态路由。如果直接删除原来路由,再addrouter新路由,发现原来的路由还是存在的。vue动态新增路由,没有删除功能(vue官方文档好像没有提供)。解决办法使用matcher :const createRouter = () => new Router({ routes: [{ path: '/', name: '登录', component:
2020-12-04 15:08:12 4358 3
原创 form表单校验复杂系列--- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传
form表单校验复杂系列— form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传前言公司项目有个模块需要优化form表单内,插入独立的数据表格,表格内容是文件上传,需要利用外部表单提交时,根据后台返回rules动态校验每一行的文件上传功能以及文件类型。思路利用表单校验 原有的部分功能和样式,自定义校验函数validateAttach,利用prop和ref字符串+index拼接功能锁定table数据每一行数据进行判断处理,点击上传按钮做个index记录,以便上传前进行文件类型校验限制。
2020-12-03 14:14:02 571
原创 Js使用push方法把一个对象赋值到另一个对象里面指向同一个内存
**Js使用push方法把一个对象赋值到另一个对象里面指向同一个内存**例1:arr = [1, 2, 3, 4, 5];arr1 = arr;arr.push(6);console.log(arr1);// [1, 2, 3, 4, 5,6];例2:arr = [{x: 1,y: 1}, {x: 2,y: 2}, {x: 3,y: 3 }];arr.push(arr[arr....
2020-03-29 21:11:47 2879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人