m0_62833091 2024-09-02 14:09 采纳率: 78.8%
浏览 8
已结题

当点击查询时清空输入框,上拉加载更多失效?

img


如图,当点击按钮后,清空输入框内容,代码中that.setData({
startpoint:'',
goal:''
})时,上拉加载更多失效,请问当点击按钮后,清空输入框内容,又不影响上拉加载更多功能

wxml代码:



<view class="search-input-group">
  <view class="input-group">
    <input class="search-input" placeholder="出发地" value="{{startPoint}}" bindinput="onStartPointEvent" />
    <image class="thumbnail" src="../../images/return.png" />
    <input class="search-input" placeholder="终点" value="{{goal}}" bindinput="onGoalEvent" />
  </view>
  <button class="search-button" size="mini" bindtap="onchaxun">查询</button>
</view>

js代码:

data: {
    hasmoretrue,
    startPoint:'',
    goal'',
    isQueryingfalse,
  },
/**
   * 获取起点输入信息
   */
  onStartPointEvent(event) {
    const that = this;
    const startPoint = event.detail.value
    console.log('起点', startPoint);
    that.setData({
      startPoint: startPoint
    })
  },
  /**
   * 获取终点输入信息
   */
  onGoalEvent(event) {
    const that = this;
    const goal = event.detail.value
    console.log('终点', goal);
    that.setData({
      goal: goal
    })
  },
/**
   * 按条件查询数据
   */

  async onchaxun(start = 0) {
    // console.log(event);
    const that = this;
    that.setData({
      isQueryingtrue,
    })
    
    let promite = db.collection("wehicle").where({
      startPoint: that.data.startPoint,
      goal: that.data.goal,
    })
    if(start>0){
      promite = promite.skip(start)
    }
    let pro = await promite.limit(2).orderBy('create_time','desc').get()
    console.log(pro)
    if(pro){
      const sumlistress = pro.data;
      console.log(sumlistress);
      promite.count().then(res => {
        console.log(res)
        that.setData({
          result:res.total
          })
      })
      let hasmore = false
      let newsumlistress = [];
        if (start > 0) {
          newsumlistress = that.data.sumlistress.concat(sumlistress);
        } else {
          newsumlistress = sumlistress;
        }
        newsumlistress.forEach((wehicle, index) => {
           wehicle.create_time = wehicle.create_time.toString();
        })
        that.setData({
          sumlistress: newsumlistress,
          hasmore: hasmore,
          startPoint'',这样写会让上拉加载更多失效
            goal'',
        })
    }
}
  • 写回答

1条回答

  • qyhua 全栈领域新星创作者 2024-09-02 14:25
    关注

    你这个前面 hasmore=false,后面又设置hasmore=false

    
     that.setData({
              sumlistress: newsumlistress,
              hasmore: hasmore,  //这里不就是false  这是不是代表更多不显示?
              startPoint: '',这样写会让上拉加载更多失效
                goal: '',
            })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 9月18日
  • 已采纳回答 9月10日
  • 创建了问题 9月2日

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境