关于我使用vant组件的踩坑日记

啦啦啦~~~又是晴朗的一天~今天用vue+vant组件写h5移动端项目需要使用的到一个Actionsheet 弹窗,就是想实现一个这shai的效果:
在这里插入图片描述
当我悠哉悠哉的翻阅文档,哎~找到了我想要的
在这里插入图片描述然后我一顿操作猛如虎把代码copy了过去
在这里插入图片描述
哪成想,怎么点都没有反应,我一看控制台,我的天!怎么这么多警告
在这里插入图片描述
然后我就把警告复制一下去找问题,结果找出来的大多数都是没有引入这个组件,但是我记得我之前是有全局引入这个组件的,我再次检查了一下,确定了不是引入的问题
我就去看了一下我的版本(因为之前真的被版本这个东西坑的我都怕了)
vant是3.6.2的,我就索性直接去找了这个版本的vant文档

在这里插入图片描述
然后!眼尖的我就发现了问题所在,这个版本是对应着我的开发版本的,这个标签明显都不是我刚刚用的那样的,呜呜呜,然后我就把这个copy了过去!
在这里插入图片描述
终于!颜色对上了,这次也确实是能用了,但是真的花了我好多时间,写出这篇博客是想记录一下我的踩坑日记,也希望能帮到在用vant组件的你们,我写微信小程序也是用的vant组件,我现在知道了vant有很多开发文档,大家使用的时候一定要找到对应的版本,以免出现一些莫名其妙的错误。下回见~
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值