关于vantList下拉刷新和上滑动冲突问题解决

最新推荐文章于 2023-07-20 15:32:48 发布

忘记那一份纯真

最新推荐文章于 2023-07-20 15:32:48 发布

阅读量1.1k

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/weixin_44207118/article/details/126932335

版权

        <van-pull-refresh    v-if="ListData.length>0" v-model="refreshing"    @refresh="onRefresh" >
                        <van-list
                        @load="onLoad"
                        v-model="loading"
                        :finished="finished"
                        finished-text="-我也是有底线的-"
                        v-if="ListData.length>0"
                                  >
                                  <div class="list_wrapper" v-for="(item,index) in ListData" :key="index">
                                    <div class="list_wrapper_child">
                                      <div>{{item.feeType}}</div>
                                      <div>{{item.balance}}</div>
                                    </div>
                                    <div class="list_wrapper_childtwo">
                                      <div>{{item.createTime}}</div>
                                      <div>余额&nbsp;&nbsp;&nbsp;{{item.nextAccountBalance}}</div>
                                    </div>
                                    <div class="list_wrapper_childtwo">
                                      <div>{{item.remark}}</div>
                                    </div>
                                  </div>
                            </van-list>
                          </van-pull-refresh>
                          <div class="container_img" v-if="ListData.length==0">
                                <img  src="@/assets/img/kong-order@2x.png">
                                <div>
                                  暂无数据
                                </div>
                          </div>
                         以下是css样式（很重要）
      /deep/ .van-pull-refresh{
     height: calc(100vh - 42px);
     box-sizing: border-box;
     overflow: auto !important;
     padding-bottom: 40px;
   }
     /deep/ .van-list{
      height: auto !important;
      padding-bottom: 40px;
      }