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 相关文章推荐
jquery tab插件制作实现代码
Jun 22 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
jquery多选项卡效果实例代码(附效果图)
Mar 23 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
vue 登录滑动验证实现代码
Aug 24 Javascript
vue element upload实现图片本地预览
Aug 20 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
单位速度在实战中的运用
2020/03/04 星际争霸
PHP新手上路(九)
2006/10/09 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
jQuery根据纬度经度查看地图处理程序
2013/05/08 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
2015/03/05 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
python 循环while和for in简单实例
2016/08/16 Python
Python 列表理解及使用方法
2017/10/27 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
Pytorch中.new()的作用详解
2020/02/18 Python
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
手术室护士自我鉴定
2013/10/14 职场文书
yy结婚证婚词
2014/01/10 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
营销学习心得体会
2014/09/12 职场文书
实训报告范文大全
2014/11/04 职场文书
2014年销售助理工作总结
2014/12/01 职场文书