使用Vant框架list组件遇到的坑怎么解决


本篇内容介绍了“使用Vant框架list组件遇到的坑怎么解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。提供 60 多个高质量组件,覆盖移动端各类场景性能极佳,组件平均体积不到 1kb(min+gzip)单元测试覆盖率 90%+,提供稳定性保障完善的中英文文档和示例支持 Vue 2 & Vue 3支持按需引入支持主题定制支持国际化支持 TypeScript支持 SSR官方文档的实例代码是这样的:效果图片:可是!你,发现,发现完全不好用!这个定时任务简直看不懂,触底加载简直毫无逻辑,通过几个小时的研究,发现问题所在居然是CSS!对,你没有听错!是CSS导致的!下方代码,重免费云主机域名点看css部分,JS部分,记住settimeout不要去掉,不要相信他的注释,业务写在settimeout里就可以了解释一下这个css的含义,就是van-list需要给他定义一个高度,并且滚动自适应,这样在不填满高度或者是滚动触底的时候就可以完美的触发onLoad时间了,这里还有一个重点!就是van-list的父级也要定义一下高度,不然也是不行的!至于业务一定要在settimeout中写业务才能有效,了解的大佬看到了帮忙解释一下,不是很明白van-list里面的元素不能有float样式,否则会连续触发 load 事件原代码{{serve.name}}{{serve.price}}// 修改后代码(注释部分为修改后代码){{serve.name}}{{serve.price}}“使用Vant框架list组件遇到的坑怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: 医疗挂号系统web开发的方法

今天小编给大家分享一下医疗挂号系统web开发的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。本文开发分布式医疗挂号系统,进入到医院信息、科室…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 04/25 10:50
下一篇 04/25 10:50

相关推荐