当前位置: 首页 > 编程笔记 >

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

宇文育
2023-03-14
本文向大家介绍vue使用prop可以渲染但是打印台报错的解决方式,包括了vue使用prop可以渲染但是打印台报错的解决方式的使用技巧和注意事项,需要的朋友参考一下

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可以渲染但是打印台报错的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 使用antd-design-vue V4.0.7 的treeSelect 组件渲染组织人员列表,同一个人在多个部门任职,导致人员userId相同,渲染报错如何解决? 整不会了

  • vue2前端 代码如下 报错 created里的get请求可以获取到数据,为什么不渲染,报错搜索没有想要的结果,求求各位大佬帮忙看一下

  • 本文向大家介绍vue init webpack 建vue项目报错的解决方法,包括了vue init webpack 建vue项目报错的解决方法的使用技巧和注意事项,需要的朋友参考一下 使用vue init webpack 创建vue项目时报如下错误: 解决方法: 1.先检查npm和node的版本 查看npm版本:npm -v 升级npm: npm install -g npm 查看node版本:n

  • 本文向大家介绍Vue渲染函数详解,包括了Vue渲染函数详解的使用技巧和注意事项,需要的朋友参考一下 前面的话 Vue 推荐在绝大多数情况下使用 template 来创建HTML。然而在一些场景中,真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。本文将详细介绍Vue渲染函数 引入 下面是一个例子,如果要实现类似下面的效果。其中,H标

  • 问题内容: 注意:此问题仅供参考。我很想知道这样做有多深入到Python内部。 不久前,在某个问题的内部开始了一个讨论,该问题涉及传递给print语句的字符串是否可以在调用to之后/期间进行修改。例如,考虑以下功能: 现在,当运行时,到终端的输出应显示: 请注意,单词“ cat”已被单词“ dog”代替。某处某种方式能够修改这些内部缓冲区以更改打印的内容。假设这是在没有原始代码作者明确许可的情况下