vue 父组件传值给子组件异步报错出现Undefind [Vue warn]: Error in mounted hook: "TypeError: Cannot read property

先直接讲解一下错误vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property ‘detail’ of undefined"found in这个报错是出现我出现的是父组件传值给子组件然后子组件报错了直接打印子组件的值发现这个值

zehua_o

11722人浏览 · 2019-03-16 19:07:36

zehua_o · 2019-03-16 19:07:36 发布

先直接讲解一下错误

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property ‘detail’ of undefined"found in

这个报错是出现我出现的是父组件传值给子组件然后子组件报错了

直接打印子组件的值发现这个值是undefind

因为数据还没过来就直接渲染dom节点导致这个错误

解决方案

    <Choose v-if='cqssTreeData.length' :treedata="cqssTreeData"></Choose>

或者

    <Choose v-if='cqssTreeData' :treedata="cqssTreeData"></Choose>

使用v-if 当父组件有数据的时候做渲染刚开始直接判断数据发现是不行的
然后加了判断数据长度 OK 搞定
谢谢观看希望对你有用 Tks

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