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

目录
相关文章
|
6月前
|
JavaScript
【vue】 vue-seamless-scroll 无缝滚动依赖
【vue】 vue-seamless-scroll 无缝滚动依赖
580 1
|
JavaScript
Vue中wangeditor工具栏失效问题
莫名其妙,Vue项目中,wangeditor部分工具栏失效了。 点了之后也不报错,但是毫无反应,去官网和百度查了半天,无后果。 最后找了半天,发现是调整了wangeditor默认样式导致的,尝试许久,最后以下样式可以不影响工具栏使用
1133 0
|
3月前
|
JavaScript
在vue使用vant在<stylus>中修改样式
在vue使用vant在<stylus>中修改样式
28 0
|
3月前
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
1368 0
|
3月前
|
JavaScript
在Vue3+ElementPlus项目中使用具有懒加载的el-tree树形控件
在Vue 3和Element Plus项目中实现具有懒加载功能的el-tree树形控件,以优化大数据量时的页面性能。
619 0
|
5月前
Vue3——tdesign-vue-next如何按需加载动态渲染ICON
如题,在vue3中进行按需加载来动态的渲染icon图标;
62 1
|
6月前
|
资源调度 JavaScript 前端开发
vue3怎么调用vant中的icon组件
vue3怎么调用vant中的icon组件
214 4
|
6月前
|
JavaScript 前端开发 UED
教你用vue自定义指令做一个组件的遮罩层loading效果
教你用vue自定义指令做一个组件的遮罩层loading效果
541 0
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
410 0
|
6月前
|
移动开发 JavaScript 前端开发
vue简单的图片预览
vue简单的图片预览
134 0