vue3.0 vant popup渲染不出來問題及解決
更新時間：2023年01月18日 09:42:19 作者：yuhuawang_run
這篇文章主要介紹了vue3.0 vant popup渲染不出來問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue3.0 vant popup渲染不出來
遇到這個問下，先檢查看看是不是看著vant的2.x版本進行開發(fā)。
vant2.x版本代碼如下：
<van-popup
? v-model="show"
? closeable
? position="bottom"
? :style="{ height: '30%' }"
/>vant3.x版本代碼如下：
<van-popup
? v-model:show="show"
? round
? position="bottom"
? :style="{ height: '30%' }"
/>發(fā)現 v-model:show=“show”，v-model的時候多了個:show。
開發(fā)時還是得注意看插件的版本號是不是支持到vue3.x。
vant 3.x地址：https://vant-contrib.gitee.io/vant/next/#/zh-CN
vue3中組件無法渲染成功
TypeError: Cannot read property ‘avatar‘ of undefined
做項目的時候，通過props傳值傳了對象到子組件，結果調用的時候一直報錯說找不到對象中的某個屬性(undefined)，但是我通過devtools查看的時候卻可以在子組件中查找到這個對象的所有完整屬性，說明這個對象已經傳到子組件了，對象是沒有問題的。
報錯情況如下：
找了很久發(fā)現是在template中，我在根組件里添加了是否要顯示的判斷
<div v-if="Object.keys(commentinfo).length != 0" class="comment-info">
但是括號的位置錯了，一開始寫成了如下的錯誤方式，所以導致了模版沒辦法渲染。
<div v-if="Object.keys(commentinfo.length) != 0" class="comment-info">
計算機的報錯原因有時候是不準確的，當整個頁面都顯示不出來的時候，也許可以看看根組件有無問題。
另外，對于自己不太熟悉的屬性/寫法，應該好好理解再三檢查，剛開始接觸新東西就是比較容易犯錯。
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue 頁面權限控制和登陸驗證功能的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue中的循環(huán)遍歷對象、數組和字符串，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
SSE是圍繞只讀Comet交互推出的API或者模式,SSE 支持短輪詢、長輪詢和HTTP 流,而且能在斷開連接時自動確定何時重新連接,本文重點給大家介紹2023-10-10
這篇文章主要給大家介紹了關于vue中axios封裝使用的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
本篇文章主要介紹了vue-router 學習快速入門，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
axios全局注冊,設置token,以及全局設置url請求網段的方法
今天小編就為大家分享一篇axios全局注冊,設置token,以及全局設置url請求網段的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細介紹了Vue實現PopupWindow組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
在本篇文章里小編給大家整體了一篇關于vue3.0自定義指令（drectives)知識點總結，有興趣的朋友們可以學習下。2020-12-12
這篇文章主要介紹了vue 導航錨點_點擊平滑滾動,導航欄對應變化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue商城中商品“篩選器”功能的實現，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07