2021-02-06 在uni-app中使用vant-weapp的坑!下拉菜单失效 不能点击等情况看这里~

    这段时间在写WX的小程序,为了和app风格保持一致,决定使用同一个UI---vant  而且vant也有小程序版本,开发小程序,为了方便,当然就选择uni来进行开发。

    然鹅!!坑就开始慢慢来了,首先是由于vant-weapp的设计初衷是针对WX小程序设置的,so?在uni上的兼容并不好,接下来我先把这两天遇到的问题记录下来,接下来有更多的问题另行记录。

    uni中使用vant-weapp:通过git下载最新版本 vant的GitHub有讲

    https://github.com/youzan/vant-weapp

    引入和使用的例子同官网一致,简单测试就ok

    

    部分组件使用Bug:比如下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

解决办法:打开vant源码找到对应字段进行修改,这里以dropdown为例:

    找到     wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件,并改为驼峰命名:afterEnter和afterLeave即可!有遇到问题的小伙伴可以去试一试,看下是否能够解决!

你可能感兴趣的:(2021-02-06 在uni-app中使用vant-weapp的坑!下拉菜单失效 不能点击等情况看这里~)