微信小程序中使用scroll-view组件实现下拉刷新功能

xiejunna

已于 2024-05-16 17:26:21 修改

阅读量1k

点赞数 2

文章标签：微信小程序 scroll-view下拉刷新

于 2024-05-16 16:15:50 首次发布

本文链接：https://blog.youkuaiyun.com/xiejunna/article/details/138964755

版权

在这里插入图片描述

wxml

<view style="width: auto; height: 100vh;">
  <view style="width: auto; height: 100vh;">
    
    <scroll-view class="scroll-view" scroll-y scroll-x 
      refresher-enabled="{
   {isRefresherEnabled}}" bindrefresherrefresh="downRefresh"
      enable-passive scroll-with-animation="true" refresher-background="#F7F7F7"
      refresher-triggered="{
   {isRefreshing}}">
      
      <view class="tableHeaderLayout">
        <view class="column1">{
   {
   tableHeader[0].label}}</view>
        <view class="column2">{
   {
   tableHeader[1].label}}</view>
        <view class="column3">{
   {
   tableHeader[2].label}}</view>
        <view class="column4">{
   {
   tableHeader[3].label