快捷導(dǎo)航

vue使用prop可以渲染但是打印臺報(bào)錯的解決方式

更新時(shí)間：2019年11月13日 15:54:09 作者：llaaakk

今天小編就為大家分享一篇vue使用prop可以渲染但是打印臺報(bào)錯的解決方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

vue屬性傳遞時(shí)有時(shí)會報(bào)下述錯誤

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>

子組件中接收的數(shù)據(jù)為data

props:["data"],

data的實(shí)際格式為

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

父元素傳遞的時(shí)候沒有寫入內(nèi)部對象只有

data：{}

所以會顯示找不到所以在傳遞的時(shí)候直接賦上內(nèi)部的對象就好了

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

如果傳入的是別的類型比如數(shù)組也聲明上類型

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

以上這篇vue使用prop可以渲染但是打印臺報(bào)錯的解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作
這篇文章主要介紹了Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
axios對請求各種異常情況處理的封裝方法
今天小編就為大家分享一篇axios對請求各種異常情況處理的封裝方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
mpvue將vue項(xiàng)目轉(zhuǎn)換為小程序
這篇文章主要介紹了mpvue將vue項(xiàng)目轉(zhuǎn)換為小程序的相關(guān)資料及mpvue開發(fā)流程，非常不錯，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-09-09
vue實(shí)現(xiàn)視頻上傳功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)視頻上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換)
這篇文章主要介紹了關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07
vue.js 表格分頁ajax 異步加載數(shù)據(jù)
Vue.js通過簡潔的API提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng).這篇文章主要介紹了vue.js 表格分頁ajax 異步加載數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
2016-10-10
Vue2 使用 Echarts 創(chuàng)建圖表實(shí)例代碼
本篇文章主要介紹了Vue2 使用 Echarts 創(chuàng)建圖表實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
VUE使用vuex解決模塊間傳值問題的方法
本篇文章主要介紹了VUE使用vuex解決模塊間傳值問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
mui-player自定義底部導(dǎo)航在vue項(xiàng)目中顯示不出來的解決
這篇文章主要介紹了mui-player自定義底部導(dǎo)航在vue項(xiàng)目中顯示不出來的解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
vue中組件的name屬性含義和用法示例
組件是有name屬性的,匹配的就是組件的name,下面這篇文章主要給大家介紹了關(guān)于vue中組件的name屬性含義和用法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12