vue使用prop可以渲染但是打印臺報錯的解決方式
更新時間:2019年11月13日 15:54:09 作者:llaaakk
今天小編就為大家分享一篇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>
子組件中接收的數(shù)據(jù)為data
props:["data"],
data的實際格式為
data:{ "xxx":{}, "yyy":{}, }
父元素傳遞的時候沒有寫入內(nèi)部對象只有
data:{}
所以會顯示找不到所以在傳遞的時候直接賦上內(nèi)部的對象就好了
data(){ return { data:{ "FirstRegistration":{}, "RegistrationOfChange":{}, "ContinuedRegistration":{}, } }
如果傳入的是別的類型比如數(shù)組也聲明上類型
data(){ return { data:[] } }
以上這篇vue使用prop可以渲染但是打印臺報錯的解決方式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Vue中使用Lodop插件實現(xiàn)打印功能的簡單方法
- Vue使用lodop實現(xiàn)打印小結(jié)
- 詳解如何在vue項目中使用lodop打印插件
- 解決vue-pdf查看pdf文件及打印亂碼的問題
- Vue實現(xiàn)瀏覽器打印功能的代碼
- vue中使用vue-print.js實現(xiàn)多頁打印
- vue+element實現(xiàn)打印頁面功能
- electron + vue項目實現(xiàn)打印小票功能及實現(xiàn)代碼
- vue實現(xiàn)打印功能的兩種方法
- 如何重置vue打印變量的顯示方式
- vue中將網(wǎng)頁打印成pdf實例代碼
- vue實現(xiàn)lodop打印功能的示例
相關(guān)文章
關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換)
這篇文章主要介紹了關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-07-07vue.js 表格分頁ajax 異步加載數(shù)據(jù)
Vue.js通過簡潔的API提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng).這篇文章主要介紹了vue.js 表格分頁ajax 異步加載數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2016-10-10Vue2 使用 Echarts 創(chuàng)建圖表實例代碼
本篇文章主要介紹了Vue2 使用 Echarts 創(chuàng)建圖表實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05mui-player自定義底部導航在vue項目中顯示不出來的解決
這篇文章主要介紹了mui-player自定義底部導航在vue項目中顯示不出來的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-12-12