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 相关文章推荐
不同浏览器的怪癖小结
Jul 11 Javascript
js URL参数的拼接方法比较
Feb 15 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
javascript 中的继承实例详解
May 05 Javascript
vue计算属性及使用详解
Apr 02 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
vue elementUI 表单校验功能之数组多层嵌套
Jun 04 Javascript
vue项目两种方式实现竖向表格的思路分析
Apr 28 Vue.js
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
php 设计模式之 工厂模式
2008/12/19 PHP
php 面向对象的一个例子
2011/04/12 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
CI框架简单邮件发送类实例
2016/05/18 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
python cs架构实现简单文件传输
2020/03/20 Python
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
数控加工专业毕业生自荐信
2013/09/27 职场文书
饭店工作计划书
2014/01/10 职场文书
优秀教师演讲稿
2014/05/06 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
公务员年终个人总结
2015/02/12 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
员工开除通知书
2015/04/25 职场文书
八月一日观后感
2015/06/10 职场文书
2015双创工作总结
2015/07/24 职场文书