Parcourir la source

优化:修复邀请页面手机筛选失效问题

haiyang il y a 1 semaine
Parent
commit
5c6ba9b4ca
1 fichiers modifiés avec 18 ajouts et 2 suppressions
  1. 18 2
      src/pages-A/invitePage/index.vue

+ 18 - 2
src/pages-A/invitePage/index.vue

@@ -134,6 +134,9 @@ async function tabChange(index) {
     // 切换tab时,重置上拉加载
     // mescroll.resetUpScroll(true)
     // mescroll.showDownScroll()
+    if (searchValue.value !== '') {
+        searchValue.value = ''
+    }
     mescroll.endUpScroll(false)
     mescroll.scrollTo(0, 0)
     showLoading.value = true
@@ -150,6 +153,19 @@ async function search() {
     await reload()
     showLoading.value = false
 }
+
+async function clear() {
+    searchValue.value = ''
+    mescroll.endUpScroll(false)
+    mescroll.scrollTo(0, 0)
+    showLoading.value = true
+    await reload()
+    showLoading.value = false
+}
+
+function searchChange(value) {
+    searchValue.value = value
+}
 </script>
 
 <template>
@@ -158,8 +174,8 @@ async function search() {
         <view class="invite-content"
             :style="{ marginTop: `calc(${topSafeAreaHeight}px + 88rpx)`, height: `calc(100vh - ${topSafeAreaHeight}px - 88rpx)` }">
             <view class="invite-content-search">
-                <up-search v-model:value="searchValue" shape="square" class="invite-content-search-input"
-                    :show-action="false" placeholder="请输入手机号查询" clearabled @search="search" @clear="search">
+                <up-search v-model="searchValue" shape="square" class="invite-content-search-input" :show-action="false"
+                    placeholder="请输入手机号查询" clearabled @search="search" @clear="clear">
                     <template #inputRight>
                         <view class="search-button">
                             <up-button type="text" @tap="search">