Vue：Error in v-on handler: “TypeError: Cannot use ‘in‘ operator to search for ‘systemModule‘ in {}“

今天使用Vue + element开发，在做一个此u该表单时，前端页面输入框中输入数据就报错，具体报错如下图：Error in v-on handler: "TypeError: Cannot use 'in' operator to search for 'systemModule' in {}"经过排查发现原因：该字段内容在数据库的extdata中保存，保存的时候是字符串类型如下：续原因：

陈小翅

8308人浏览 · 2022-03-11 11:21:06

陈小翅 · 2022-03-11 11:21:06 发布

今天使用Vue + element开发，在做一个此u该表单时，前端页面输入框中输入数据就报错，具体报错如下图：

Error in v-on handler: "TypeError: Cannot use 'in' operator to search for 'systemModule' in {}"

经过排查发现原因：该字段内容在数据库的extdata中保存，保存的时候是字符串类型如下：

续原因：而在点击修改表单时没有将 row 中的extdata字段转为Json对象,如下所示：

解决：在将row对象传到form 后再将form中的extdata转成对象类型即可解决

form的定义中 extdata是对象类型

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}$/, //不连续的两位字母// /^