vue propでレンダリングできますが、印刷局でエラーが発生しました.

vue属性伝達時に下記のエラーが報告されることがあります

vue.esm.js?f959:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'RegistrationAuthority' of undefined"

found in

--->  at src/components/tools/dialog_history.vue
        at src/components/router_components/nurse_infor/nurse_infor.vue
          at src/components/index.vue
            at src/App.vue
             

サブコンポーネントで受信したデータはdata

props:["data"],

dataの実際のフォーマットは

data：{
"xxx":{},
"yyy":{},
}

親要素が渡されたときに内部オブジェクトに書き込まれなかったのは

data：{}

だから見つからないと表示されるので、渡すときに直接内部のオブジェクトを付与すればいいのです

      data(){
          return {
            data:{
               "FirstRegistration":{},
               "RegistrationOfChange":{},
               "ContinuedRegistration":{},
            }
          }

配列などの別のタイプが入力されている場合は、タイプも宣言されます.

     data(){
          return {
            data:[]
            }
          }