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

目录
打赏
0
相关文章
|
10月前
Vue3只渲染一次 v-once
Vue3只渲染一次 v-once
152 0
|
10月前
|
【vue】 vue-seamless-scroll 无缝滚动依赖
【vue】 vue-seamless-scroll 无缝滚动依赖
726 1
vue3- antd design vue 引入iconfont
vue3- antd design vue 引入iconfont
|
6月前
|
vue中使用@scroll不生效的问题
vue中使用@scroll不生效的问题
789 2
Vue2日期选择器插件(vue-datepicker-local)
这是一个基于 Vue 的日期选择器组件库,支持年份、月份、日期和时间的选择,并且均可进行范围选择。用户可以自定义日期格式与组件样式。该示例展示了如何配置组件以限制可选日期范围,并提供了相应的代码实现。
921 0
Vue2日期选择器插件(vue-datepicker-local)
教你用vue2实现一个tabbar(2024年11月教程)
欢迎来到瑞雨溪的博客,一名热爱JavaScript与Vue的大一学生。自学前端2年半,正向全栈进发。博客分享技术心得,助你成长。关注我,获取更多优质内容,你的支持是我前进的动力!🎉🎉🎉
45 0
Vue3瀑布流(Waterfall)
这是一个基于 Vue2 的瀑布流(Waterfall)组件,支持多种自定义属性,如图片数组、列数、间隙、宽度、圆角、背景色及 Spin 加载样式。组件通过计算每张图片的位置实现动态布局,并利用 Vue 的响应式系统自动调整布局。提供了在线预览和详细代码示例,方便集成到项目中。
244 1
Vue3瀑布流(Waterfall)
|
7月前
|
在vue使用vant在<stylus>中修改样式
在vue使用vant在<stylus>中修改样式
53 0
|
7月前
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
2194 0
|
8月前
【vue2】vue2 实现手风琴效果,复制粘贴直接使用
【vue2】vue2 实现手风琴效果,复制粘贴直接使用
210 1