vue3.0 vant popup渲染不出来
遇到这个问下，先检查看看是不是看着vant的2.x版本进行开发。
vant2.x版本代码如下：
<van-popup
v-model="show"
closeable
pos IT ion="bottom"
:style="{ h ei ght: '30%' }"
/>
vant 3.x 版本代码如下：
<van-popup
v-model:show="show"
round
position="bottom"
:style="{ height: '30%' }"
/>
发现 v-model:show=[show]，v-model的时候多了个:show。
开发时还是得注意看插件的版本号是不是支持到vue3.x。
vant 3.x地址：@L_ 126 _4@
vue3中组件无法渲染成功
Ty PE Error: Cannot read PR operty ‘avatar‘ of un define d
做项目的时候，通过props传值传了对象到子组件，结果调用的时候一直报错说找不到对象中的某个属性(undefined)，但是我通过devtools查看的时候却可以在子组件中查找到这个对象的所有完整属性，说明这个对象已经传到子组件了，对象是没有问题的。
报错情况如下：
找了很久发现是在template中，我在根组件里添加了 是否 要显示的判断
<div v-if ="Object.keys(commentinfo).length != 0" class="comment -i nfo">
但是括号的位置错了，一 开始 写成了如下的错误方式，所以导致了模版没办法渲染。
<div v-if="Object.keys(commentinfo.length) != 0" class="comment-info">
计算机的报错 原因 有时候是不准确的，当整个页面都显示不出来的时候，也许可以看看根组件有无问题。
另外，对于自己不太熟悉的属性/写法， 应该 好好理解再三检查，刚开始接触新东西就是比较容易犯错。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的 文章 : 解决VantUI popup 弹窗不弹出或无蒙层的问题 vue中使用vant的Toast轻提示报错的解决 vue中vant组件样式失效问题及解决 Vue3中使用vant的踩坑实战日记
总结
以上是 为你收集整理的 vue3.0 vant popup渲染不出来问题及解决 全部内容，希望文章能够帮你解决 vue3.0 vant popup渲染不出来问题及解决 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于vue3.0 vant popup渲染不出来问题及解决的详细内容...