微信小程序 uview 一行代码解决 搜索框抖动 $u.debounce()

66 阅读1分钟

image.png

<view  @tap="$u.debounce(500)">
      <view class="u-search-box">
        <view class="u-search-inner">
          <u-input v-model="formItem.name" class="u-search-text">请输入搜索内容</u-input>
          <view class="u-search-icon" @click="searchFn">
            <u-icon name="search" color="#fff" :size="28"></u-icon>
          </view>
        </view>
      </view>
    </view>
   searchFn () {
      this.menuItem=[] //清空列表
      this.formItem.page=1 //每次请求第一页开始
      this.getBookLists() //刷新数据
      uni.$u.debounce(this.searchFn,500) //防抖动
    },