vue使用prop可以渲染但是打印台报错的解决方式


Posted in Javascript onNovember 13, 2019

vue属性传递时有时会报下述错误

vue.esm.js?f959:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'RegistrationAuthority' of undefined"

found in

---> <DialogHistory> at src/components/tools/dialog_history.vue
    <NurseInfor> at src/components/router_components/nurse_infor/nurse_infor.vue
     <Index> at src/components/index.vue
      <App> at src/App.vue
       <Root>

子组件中接收的数据为data

props:["data"],

data的实际格式为

data:{
"xxx":{},
"yyy":{},
}

父元素传递的时候没有写入内部对象只有

data:{}

所以会显示找不到所以在传递的时候直接赋上内部的对象就好了

data(){
     return {
      data:{
        "FirstRegistration":{},
        "RegistrationOfChange":{},
        "ContinuedRegistration":{},
      }
     }

如果传入的是别的类型比如数组也声明上类型

data(){
     return {
      data:[]
      }
     }

以上这篇vue使用prop可以渲染但是打印台报错的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
javascript真的不难-回顾一下基础知识
Jan 15 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
Vue原理剖析 实现双向绑定MVVM
May 03 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 #Javascript
vue prop属性传值与传引用示例
Nov 13 #Javascript
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 #Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 #Javascript
Jquery异步上传文件代码实例
Nov 13 #jQuery
解决ele ui 表格表头太长问题的实现
Nov 13 #Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 #Javascript
You might like
德劲1103的维修打理经验
2021/03/02 无线电
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
最简单的js图片切换效果实现代码
2011/09/24 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
2018/09/02 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python中文件遍历的两种方法
2014/06/16 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
python如何在循环引用中管理内存
2018/03/20 Python
创建Django项目图文实例详解
2019/06/06 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
委托协议书范本
2014/04/22 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
教师个人成长总结
2015/02/11 职场文书
升职自荐书
2019/05/09 职场文书
python实现简单反弹球游戏
2021/04/12 Python
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python