vue3.0 vant popup渲染不出来的解决办法

简介: vue3.0 vant popup渲染不出来的解决办法

遇到这个问下,先检查看看是不是看着vant的2.x版本进行开发。

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%' }"
/>

发现 v-model:show=“show”,v-model的时候多了个:show。

开发时还是得注意看插件的版本号是不是支持到vue3.x。

vant 3.x地址:https://vant-contrib.gitee.io/vant/next/#/zh-CN

目录
相关文章
|
Shell Linux C语言
【Shell 命令集合 文件管理】Linux 删除 rm命令使用指南
【Shell 命令集合 文件管理】Linux 删除 rm命令使用指南
696 0
|
移动开发 JSON 小程序
明文scheme拉起此小程序
明文scheme拉起此小程序
1550 4
|
数据采集 前端开发 JavaScript
PDF预览:利用vue3-pdf-app实现前端PDF在线展示
通过本文的介绍,我们详细了解了如何在Vue3项目中使用vue3-pdf-app实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
10月前
|
监控 JavaScript 安全
《HarmonyOSNext应用防崩指南:30秒定位JS Crash的破案手册》
《HarmonyOS Next应用防崩指南:30秒定位JS Crash的破案手册》教你快速解读崩溃日志,掌握TypeError、SyntaxError等常见错误应对技巧,结合DevEco Studio工具高效定位问题代码,提升应用稳定性。
|
传感器 资源调度 算法
时间序列分析中的状态估计:状态空间模型与卡尔曼滤波的隐状态估计
状态空间模型通过构建生成可观测数据的潜在未观测状态来进行时间序列分析,卡尔曼滤波为其核心,提供实时隐状态估计。本文深入探讨其理论基础与实践应用,涵盖线性及非线性系统的高级滤波算法(如EKF和UKF),并展示在运动目标跟踪等领域的具体应用,强调了参数调优和性能评估的重要性。
800 11
时间序列分析中的状态估计:状态空间模型与卡尔曼滤波的隐状态估计
|
前端开发 JavaScript
使用 JavaScript 获取 URL 参数的详细指南
【2月更文挑战第26天】
15813 2
使用 JavaScript 获取 URL 参数的详细指南
|
JavaScript
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
本文介绍了如何对ElementUI和ElementPlus的Tree树组件进行美化,包括增加辅助线、替换展开收起图标、点击节点后文字高亮等效果,并提供了详细的代码示例和实现效果。
4430 0
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
|
移动开发 资源调度 JavaScript
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
这篇文章介绍了在Vue移动端网页中使用`pdfh5`和`vue-pdf`两个插件来实现PDF文件的预览,包括滚动查看、缩放、添加水印、分页加载、跳转指定页数等功能。
10853 1
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
|
SQL 测试技术 API
SqlAlchemy 2.0 中文文档(一)(1)
SqlAlchemy 2.0 中文文档(一)
701 1
SqlAlchemy 2.0 中文文档(一)(1)
|
Java 测试技术 API
探索自动化测试的奥秘:从Selenium到Appium
【8月更文挑战第31天】本文旨在引导读者理解自动化测试的重要性,并逐步深入介绍如何利用Selenium和Appium这两个强大的工具来提升测试效率和质量。文章不仅分享理论知识,还通过具体代码示例,展示如何在Web应用和移动应用测试中实施自动化策略。