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

目录
相关文章
|
7月前
|
JavaScript
【vue】 vue-seamless-scroll 无缝滚动依赖
【vue】 vue-seamless-scroll 无缝滚动依赖
630 1
|
JavaScript
Vue中wangeditor工具栏失效问题
莫名其妙,Vue项目中,wangeditor部分工具栏失效了。 点了之后也不报错,但是毫无反应,去官网和百度查了半天,无后果。 最后找了半天,发现是调整了wangeditor默认样式导致的,尝试许久,最后以下样式可以不影响工具栏使用
1157 0
|
2月前
|
JavaScript 前端开发 API
|
4月前
Vue3使用createVNode和render函数实现仿 Antd 加载动效
本文展示了如何在Vue3项目中使用`createVNode`和`render`函数实现一个仿Ant Design加载动效的自定义组件,并提供了详细的实现代码和使用示例。
183 0
Vue3使用createVNode和render函数实现仿 Antd 加载动效
|
4月前
|
JavaScript
在vue使用vant在<stylus>中修改样式
在vue使用vant在<stylus>中修改样式
33 0
|
4月前
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
1677 0
|
6月前
Vue3——tdesign-vue-next如何按需加载动态渲染ICON
如题,在vue3中进行按需加载来动态的渲染icon图标;
71 1
|
5月前
|
JavaScript API
vue全屏滚动——vue-fullpage.js教程
vue全屏滚动——vue-fullpage.js教程
191 0
|
7月前
|
资源调度 JavaScript 前端开发
vue3怎么调用vant中的icon组件
vue3怎么调用vant中的icon组件
238 4
|
7月前
|
JavaScript
【vue】 vue2 点击按钮下载图片
【vue】 vue2 点击按钮下载图片
517 1

热门文章

最新文章