element 远程搜索下拉加载
创始人
2024-05-29 10:27:59

created() {
this.getList();
this.getGroupList();
},
directives: {
/** 下拉框懒加载 */
“el-select-loadmore”: {
bind(el, binding) {
const SELECTWRAP_DOM = el.querySelector(
“.el-select-dropdown .el-select-dropdown__wrap”
);
SELECTWRAP_DOM.addEventListener(“scroll”, function () {
const condition =
this.scrollHeight - this.scrollTop <= this.clientHeight;
if (condition) {
binding.value();
}
});
},
},
},

// 远程搜索
remoteMethod(query) {
if (query !== “”) {
this.shopList = [];
this.loadingshop = true;
this.shopParams.name = query;
this.shopParams.page = 1;
this.getcommodityList();
}
},
//下拉加载
loadMore() {
if (this.lastPage) return;
this.shopParams.page++;
this.getcommodityList();
},
// 获取商品列表
getcommodityList() {
getGoodsList(this.shopParams).then((response) => {
this.lastPage = response.data.paginationResponse.lastPage;
var newShop = response.data.paginationResponse.content;
this.shopList = this.shopList.concat(newShop);
this.loadingshop = false;
});
},

相关内容

热门资讯

南钢股份申请煤气监控系统相关专... 7月22日消息,国家知识产权局信息显示,南京钢铁股份有限公司申请一项名为“一种煤气区域智能报警可视化...
南钢股份申请带钢板型控制方法相... 7月22日消息,国家知识产权局信息显示,南京钢铁股份有限公司申请一项名为“一种超高强带钢的板型控制方...
山东钢铁取得联轴器找正支架相关... 7月22日消息,国家知识产权局信息显示,山东钢铁股份有限公司申请一项名为“一种联轴器找正定位旋转支架...
调研速递|东山精密接待易方达等... 苏州东山精密制造股份有限公司(以下简称“东山精密”)于2026年7月21日下午通过线上会议形式接待了...
本钢板材取得高强钢相关专利,调... 7月22日消息,国家知识产权局信息显示,本钢板材股份有限公司申请一项名为“一种汽车用420MPa级镀...