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 键盘keyCode键码值表
Dec 24 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
有关Promises异步问题详解
Nov 13 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
简单实现js轮播图效果
Jul 14 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
Node.js 如何利用异步提升任务处理速度
Jan 07 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
一个简单的PHP投票程序源码
2007/03/11 PHP
什么是MVC,好东西啊
2007/05/03 PHP
mysql时区问题
2008/03/26 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
使用js 设置url参数
2013/07/08 Javascript
jquery ztree实现下拉树形框使用到了json数据
2014/05/14 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
React Native时间转换格式工具类分享
2017/10/24 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
Python中安装easy_install的方法
2018/11/18 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
大学体育课感想
2015/08/10 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书