[Vue warn]: Error in event handler for “click“: “TypeError: value is null“

1.VUE页面点击修改的时候，修改不了，F12报以下错误2.起初以为是我新加的两个字段导致的，没注意错误信息，实际上就是specProvince值null导致的3.点击2中specProvince，会跳转至“无障碍环境”和“应用程序”：错误就是这个校验导致的，值为null直接报错了4.解决办法：判断报错的值是不是null 是null赋值""this.dataForm.specialProvince

亦碎流年

13928人浏览 · 2020-08-18 16:01:12

亦碎流年 · 2020-08-18 16:01:12 发布

1.VUE页面点击修改的时候，修改不了，F12报以下错误

2.起初以为是我新加的两个字段导致的，没注意错误信息，实际上就是specProvince值null导致的

3.点击2中specProvince，会跳转至“无障碍环境”和“应用程序”：

错误就是这个校验导致的，值为null直接报错了

4.解决办法：

判断报错的值是不是null 是null赋值""

 this.dataForm.specialProvince = data.logicUserHope.specialProvince == null ? '' : data.logicUserHope.specialProvince
                this.dataForm.excludeWord = data.logicUserHope.excludeWord == null ? '' : data.logicUserHope.excludeWord
                this.dataForm.keyWord = data.logicUserHope.keyWord == null ? '' : data.logicUserHope.keyWord

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^