提示语

src/views/mall/goodsList/index.vue

@@ -18,7 +18,7 @@
         </div>
         <CtPagination :total="total" :page="page.pageNo" :limit="page.pageSize" @handleChange="handleChangePage"></CtPagination>
       </div>
-      <Empty v-else class="default-width my-3" :elevation="false" message="没有找到相关商品~"></Empty>
+      <Empty v-else class="default-width my-3" :elevation="false" :message=message ></Empty>
   </div>
 </template>
 
@@ -43,7 +43,7 @@ const goodList = ref([])
 const getData = async () => {
   const params = {
     ...page.value,
-    keyword,
+    keyword: keyword.value,
   }
   const { list, total: number } = await getGoodsList(params)
   goodList.value = list
@@ -57,10 +57,12 @@ const handleChangePage = (e) => {
   getData()
 }
 
-let keyword = ''
+const message = ref('')
+const keyword = ref('')
 // 关键字检索
 const handleSearch = (val) => {
-  keyword = val
+  keyword.value = val
+  message.value = keyword.value ? `没有找到“${keyword.value}”相关商品` : '没有找到相关商品'
   getData()
 }