提交 e9fe17cf authored 作者: pengxiaohui's avatar pengxiaohui

修复下拉刷新bug

上级 0dc646c7
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
size="mini" size="mini"
background="transparent" background="transparent"
placeholder="搜索商品" placeholder="搜索商品"
@input="handleSearchChange" @input="initFetchList"
/> />
</van-sticky> </van-sticky>
<!-- <div class="notice"> <!-- <div class="notice">
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<van-swipe-item>3</van-swipe-item> <van-swipe-item>3</van-swipe-item>
<van-swipe-item>4</van-swipe-item> <van-swipe-item>4</van-swipe-item>
</van-swipe> --> </van-swipe> -->
<van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-pull-refresh v-model="refreshing" @refresh="initFetchList">
<van-list <van-list
v-model="loading" v-model="loading"
class="goods-list" class="goods-list"
...@@ -92,6 +92,16 @@ export default { ...@@ -92,6 +92,16 @@ export default {
} }
}, },
methods: { methods: {
initFetchList() {
this.goodsList = []
this.loading = false
this.finished = false
this.refreshing = false
this.page_size = '10'
this.page = '0'
this.total = 0
this.fetchGoodsList()
},
handleClick(val) { handleClick(val) {
this.$router.push({ path: 'buy', query: { spu_id: val.spu_id, shop_id: val.shop_id } }) this.$router.push({ path: 'buy', query: { spu_id: val.spu_id, shop_id: val.shop_id } })
}, },
...@@ -119,6 +129,7 @@ export default { ...@@ -119,6 +129,7 @@ export default {
// 将 loading 设置为 true,表示处于加载状态 // 将 loading 设置为 true,表示处于加载状态
this.loading = true; this.loading = true;
this.page = '0' this.page = '0'
this.goodsList = []
this.goodsListLoad(); this.goodsListLoad();
console.log(1243) console.log(1243)
}, },
......
...@@ -9,17 +9,17 @@ ...@@ -9,17 +9,17 @@
size="small" size="small"
background="#f7f7f7" background="#f7f7f7"
placeholder="搜索订单" placeholder="搜索订单"
@input="handleSearch" @input="initFetchList"
/> />
</div> </div>
<van-tabs v-model="active" @change="handleTabChange"> <van-tabs v-model="active" @change="initFetchList">
<van-tab title="全部" name=""></van-tab> <van-tab title="全部" name=""></van-tab>
<van-tab title="待付款" name="1"></van-tab> <van-tab title="待付款" name="1"></van-tab>
<van-tab title="待发货" name="2"></van-tab> <van-tab title="待发货" name="2"></van-tab>
<van-tab title="已完成" name="4"></van-tab> <van-tab title="已完成" name="4"></van-tab>
</van-tabs> </van-tabs>
</van-sticky> </van-sticky>
<van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-pull-refresh v-model="refreshing" @refresh="initFetchList">
<van-list <van-list
v-model="loading" v-model="loading"
class="order-list" class="order-list"
...@@ -139,24 +139,6 @@ export default { ...@@ -139,24 +139,6 @@ export default {
// this.fetchOrderList() // this.fetchOrderList()
}, },
methods: { methods: {
handleSearch() {
this.list = []
this.loading = false
this.finished = false
this.refreshing = false
this.page_size = '10'
this.page = '0'
this.total = 0
this.fetchOrderList()
},
handleTabChange() {
this.list = []
this.page = '0'
this.loading = false
this.finished = false
this.refreshing = false
this.fetchOrderList()
},
handlePay(item) { handlePay(item) {
const params = { const params = {
shop_id: item.shop_id, shop_id: item.shop_id,
...@@ -206,13 +188,14 @@ export default { ...@@ -206,13 +188,14 @@ export default {
return '' return ''
} }
}, },
onRefresh() { initFetchList() {
this.finished = false; this.list = []
// 重新加载数据 this.loading = false
// 将 loading 设置为 true,表示处于加载状态 this.finished = false
this.loading = true; this.refreshing = false
this.page = '0' this.page = '0'
this.fetchOrderList(); this.total = 0
this.fetchOrderList()
}, },
fetchOrderList() { fetchOrderList() {
const params = { const params = {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论