移动端vant的踩坑

本文总结了在移动端开发中使用Vant组件库遇到的问题,包括popup弹出层左右不显示的解决方法,如何正确引入并避免Vue 2项目中 vant 报错,以及直接使用Toast组件时的报错解决方案。

1.popup弹出层左右不显示问题

 

 如果只设置了宽度的话只会出现一个遮罩层,需要吧高度也加上。

<van-popup v-model="popupshow" position="left" :style="{ width: '30%', height: '100%' }" />

 2.使用vant组件库报错

初步引用之疯狂报错vue2版本

之前使用原生写的uniapp,组件也是uniapp提供的内外部组件,突然想用一下组件写个项目,结果刚开始引入的时候就疯狂的报错 

vant官网Vant 2 - Mobile UI Components built on Vue

原文是这样写的

# Vue 2 项目,安装 Vant 2:

npm i vant@latest-v2 -S

// main.js中

import Vue from 'vue';

import Vant f

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值