当前位置：首页>后端>正文

element UI ---错误锦集1

后端2024-10-16 14:39:27

表单验证部分

1.报错Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined

1.png

保持form一致

3.png

4.png

2.报错Error in event handler for "on-form-change": "TypeError: dateObject.getTime is not a function"

2.png

将type改为string

date: [
        { string: 'date', required: true, message: '请选择日期', trigger: 'change' }
      ],

详见：https://blog.csdn.net/Gabriel_wei/article/details/89465586

3.做表单验证时，需要必填，然后判断手机号是否为数字。出现一个bug如图。填写了正确的数值但是依旧一直提示为手机号必须为数字值。

5.png

将v-model改为v-model.number

6.png

4.修改表单提交时不报错，提交完成后报错：util.js?fa49:14 async-validator: ["phone is not a number"]，再次打开修改表单显示手机号不能为空，如图：

7.png

这是因为我的数据传过来是object,而需要的是number，此处添加v-model.number的修饰符虽然改正了上个错误，但是又有了这个错误，最后知道是修饰符错误

去掉.number修饰符和phone中的type: 'number'就不会报3和4的错误了，如下所示：

phone: [
        { required: true, message: '手机号不能为空', trigger: 'blur' },
        { 
          pattern: /^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/,
          message: '请输入正确的手机号',
          trigger: 'blur'
        }
      ],

5.弹出框里的表单验证无论对错自动关闭错误：当表单验证不成功时，点击提交按钮仍然可以正常提交

8.png

是因为这个修饰符，visible 是否显示 Dialog，支持 .sync 修饰符（详情请见官网https://element.eleme.io/#/zh-CN/component/dialog）
去掉就好了

6.报错

365:2   error    Mixed spaces and tabs                                                       no-mixed-spaces-and-tabs
447:2   error    Mixed spaces and tabs                                                        no-mixed-spaces-and-tabs

大多数代码约定要求使用空格或 tab 进行缩进，因此，一行代码若同时混有 tab缩进和空格缩进，通常是错误的，需先删除报错的地方的空格再进行编译。

7.报错The computed property "tables" is already defined in data

9.png

因为在data中已经定义过tables了，而在computed却再次自定义这个名字为方法了，所以改一下就好，如下所示：

10.png

11.png

参考：https://blog.csdn.net/lyt_angularjs/article/details/105121406?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_allfirst_rank_v2~rank_v25-1-105121406.nonecase&utm_term=computed%E5%B1%9E%E6%80%A7%E5%86%B2%E7%AA%81