vant 上下滑动,vant上拉加载拉不动

　　本文主要介绍vant遇到的van-sidebar数据太大无法滑动的问题。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　 van-sidebar数据超过无法滑动的数量。解决方案近期项目使用的vant的一些汇总列表vant的一些内置API也非常好用。vant中的toast等代码形式需要引入DatetimePicker时间选择器的Slider滑块。

van-sidebar数据超出不能滑动

　　问题：在项目中，van-popup弹出层用于加载子组件的内容，子组件使用van-sidebar侧边导航。

解决方法

　　Lock-scroll:是否锁定背景滚动van-popup v-model= showlaodingport position= bottom :style= { height: 100% } :lock-scroll= false

　　//子组件

　　loading port @ child= from loading port /

　　/van-popup

　　默认情况下为true，但可以设置为false。

最近项目中使用vant的一些总结

　　VantUi是Zan团队开发的一个针对小程序和手机的Ui框架。

　　用起来很方便，但是也有很多bug。分享一下项目中遇到的坑和小tipes。

　　为了自己的回忆，也为了大家的分享。

　　好好读文档 好好读文档 好好读文档 !important

List 列表

　　list列表组件完全是全自动的

　　自动请求，自动删除加载，页面刷新，自动更新。

　　简而言之，你只需要做列表中的两件事：

　　当请求数据==数据库数据时，给列表一个完成状态，并填写所需的请求函数重用list导致的bug。

　　编写上述代码时重用list list导致条件onload函数在左右点击后每次触发两次更改。

　　bug分析：

　　由于完成状态将在所有页面加载到每个交换机后改变，

　　重新打开时，onload函数会被触发一次，正常情况下，我们会手动触发一次请求数据。

　　所以不要在每次请求onload函数的时候判断已经完成的修改时再手动触发它。

　　如下所示：

　　如果(this.page) {

　　sn=2；

　　this . listformaine=[]；

　　this . startat=0；

　　如果(this.myFinished){

　　this.myFinished=false

　　hasChanged=true

　　}

　　}否则{

　　sn=1；

　　this . listforexformation=[]；

　　this . startate xation=0；

　　如果(this . myexaminationfinished){

　　//已更改

　　this . myexaminationfinished=false；

　　hasChanged=true

　　}

　　}

　　如果(！hasChanged){

　　this.getSourceDate(sn)

　　}

vant一些内置api也很好用

　　例如：

　　请通过ref绑定阅读文档以获取详细信息。

vant中的toast等代码形式的样式需要额外引入

　　比如：

　　从“vant”导入{ Toast }；

　　然后再次使用，否则会报错。

DatetimePicker 时间选择器

　　这个分量可以精确到分钟，非常有用。

Slider 滑块

　　其中一个选择是双滑块很舒服。

　　妈妈不让我再写土语了。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。