【vue报错】vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading ‘0‘)

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '0')"vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading '0')原因：创建DOM元素遍历依赖的 props 数据，而

nilmao

7249人浏览 · 2022-04-04 16:57:57

nilmao · 2022-04-04 16:57:57 发布

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '0')"

vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading '0')

原因：

创建DOM元素遍历依赖的 props 数据，而计算过程在挂载完毕之后；

需要将计算过程放到正确的生命周期钩子；

解决：

把计算过程放在 created() 周期钩子可解决

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