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即可!有遇到问题的小伙伴可以去试一试,看下是否能够解决!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容