uniapp 商品列表搜索无效，并且下拉分页后，会刷新去掉关键字

2020-10-30 01:43:21 +08:00
parent e7dccf1572
commit d267396a7b
2 changed files with 266 additions and 259 deletions
--- a/components/Recommend.vue
+++ b/components/Recommend.vue
@ -6,13 +6,11 @@
 			<text class="iconfont icon-zhuangshixian lefticon"></text>
 		</view>
 		<view class="recommendList acea-row row-between-wrapper">
-			<view
-				@click="routerGo(item)"
-				class="item"
-				v-for="(item, recommendIndex) in hostProduct"
-				:key="recommendIndex"
-			>
-				<view class="pictrue"><image :src="item.image" class="image" /></view>
+			<view @click="routerGo(item)" class="item" v-for="(item, recommendIndex) in hostProduct"
+				:key="recommendIndex">
+				<view class="pictrue">
+					<image :src="item.image" class="image" />
+				</view>
 				<view class="name line1">{{ item.storeName }}</view>
 				<view class="money font-color-red">
 					￥
@ -24,47 +22,61 @@
 	</view>
 </template>
 <script>
-import { getHostProducts } from '@/api/store';
-import Loading from '@/components/Loading';
-export default {
-	name: 'Recommend',
-	props: {},
-	components: {
-		Loading
-	},
-	data: function() {
-		return {
-			hostProduct: [],
-			page: 1,
-			limit: 20,
-			loadTitle: '',
-			loading: false,
-			loadend: false
-		};
-	},
-	mounted: function() {
-		this.hostProducts();
-	},
-	methods: {
-		routerGo(item) {
-			this.$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: item.id } });
+	import {
+		getHostProducts
+	} from '@/api/store';
+	import Loading from '@/components/Loading';
+	export default {
+		name: 'Recommend',
+		props: {
+			recommendLoading: Boolean
 		},
-		hostProducts: function() {
-			let that = this;
-			if (that.loading) return; //阻止下次请求（false可以进行请求）；
-			if (that.loadend) return; //阻止结束当前请求（false可以进行请求）；
-			that.loading = true;
-			getHostProducts(that.page, that.limit).then(res => {
-				that.loading = false;
-				//apply();js将一个数组插入另一个数组;
-				that.hostProduct.push.apply(that.hostProduct, res.data);
-				that.loadend = res.data.length < that.limit; //判断所有数据是否加载完成；
-				that.page = that.page + 1;
-			});
-		}
-	},
-	onReachBottom() {
-		!this.loading && this.hostProducts();
-	}
-};
+		components: {
+			Loading
+		},
+		watch: {
+			recommendLoading(nextLoading) {
+				if (nextLoading) {
+					this.hostProducts()
+				}
+			}
+		},
+		data: function () {
+			return {
+				hostProduct: [],
+				page: 1,
+				limit: 20,
+				loadTitle: '',
+				loading: false,
+				loadend: false
+			};
+		},
+		mounted: function () {
+			this.hostProducts();
+		},
+		methods: {
+			routerGo(item) {
+				this.$yrouter.push({
+					path: '/pages/shop/GoodsCon/index',
+					query: {
+						id: item.id
+					}
+				});
+			},
+			hostProducts: function () {
+				let that = this;
+				if (that.loading) return; //阻止下次请求（false可以进行请求）；
+				if (that.loadend) return; //阻止结束当前请求（false可以进行请求）；
+				that.loading = true;
+				getHostProducts(that.page, that.limit).then(res => {
+					that.loading = false;
+					//apply();js将一个数组插入另一个数组;
+					that.hostProduct.push.apply(that.hostProduct, res.data);
+					that.loadend = res.data.length < that.limit; //判断所有数据是否加载完成；
+					that.page = that.page + 1;
+					this.$emit('changeRecommendLoading', false)
+				});
+			}
+		},
+	};
 </script>