开个帖记录一些工作中遇到的问题吧,很多都是因为没有注意到,或者基础薄弱导致的~
问题1:
现象:使用vue时控制台报错 handler.apply is not a function
原因: vue 的data中定义的属性名与 methods 中的方法重名
问题2:
现象:使用elementui的表单时,需要对某个字段做自定义校验,这个字段的校验函数中又可能涉及到多个字段。
如下:错误写法,一个正则运用到两个字段上,校验始终都不会通过(value 为输入的值, num为需要同时校验的另一个值)
checkTwoFileds (rule, value, callback) { let reg = /^[1-9]\d*$/g if (!reg.test(value)) { callback(new Error('必须输入正数')) } if (!reg.test(this.num)) { callback(new Error('必须输入正数')) } callback() },
需要:定义两个一样的正则,分别运用到不同的字段上(value 为输入的值, num为需要同时校验的另一个值),方可正确校验
checkTwoFileds (rule, value, callback) { let reg = /^[1-9]\d*$/g let reg1 = /^[1-9]\d*$/g if (!reg.test(value)) { callback(new Error('必须输入正数')) } if (!reg1.test(this.form.num)) { callback(new Error('必须输入正数')) } callback() },
问题3
现象:使用elementui 表格时,有一种实际场景,一个页面下有两个tab,每个tab下都有一个表格,但是又不想写两个表格,所以就用v-if来显示或隐藏某些列。
需要:最好给每个列都给定一个唯一的key值,否则会出现v-if的那列数据和前后两列的数据产生混乱错误
问题4
现象:当系统打开了一个网页放着,在这期间如果有版本更新(部署代码),再去点击这个网页会报请求服务器资源404(重新打包后原文件可能被更改删除)
需要:路由监听错误,当错误时刷新当前页(资源重载)
持续更新~ 小伙伴们有问题也可以补充哈~