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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
Dec 23 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
JS实现Cookie读、写、删除操作工具类示例
Aug 28 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 Javascript
微信小程序去除左上角返回键的实现方法
Mar 06 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
有关 PHP 和 MySQL 时区的一点总结
2008/03/26 PHP
打造超酷的PHP数据饼图效果实现代码
2011/11/23 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
jQuery实现自动切换播放的经典滑动门效果
2015/09/12 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
命令行批量截图Node脚本示例代码
2019/01/25 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
Python的词法分析与语法分析
2013/05/18 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python实现图像的垂直投影示例
2020/01/17 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
Python 字典中的所有方法及用法
2020/06/10 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
中国梦的演讲稿
2014/01/08 职场文书
员工年度工作总结2015
2015/05/18 职场文书
宿舍管理制度范本
2015/08/07 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python