外贸网站的建设,图文素材库免费,案例学网页设计和网站建设,沧州市网站建设价格项目场景#xff1a;
做一个项目#xff0c;v-for循环数据库数据#xff0c;使用uni-load-more#xff0c;结果发现...
DOM中的列表却没有更新 解决方案#xff1a;
根据网上教程#xff0c;加了一个触底函数onReachBottom#xff0c;结果发现无论如何也更新不了DOM中…项目场景
做一个项目v-for循环数据库数据使用uni-load-more结果发现...
DOM中的列表却没有更新 解决方案
根据网上教程加了一个触底函数onReachBottom结果发现无论如何也更新不了DOM中的数据最后将触底函数改成手动click触发。 更改后的相关代码如下
// 视图层
view v-ifrefresh v-fordata in dataList :keydata.id{{ data.名称 }}
/view
view clicktestuni-load-more :statusstatus :content-textcontentText v-ifdataList.length 0 /
/view// 脚本层
scriptexport default {data() {return {status: more,contentText: {contentdown: 点击加载更多~,contentrefresh: 加载中,contentnomore: 我是有底线的~},}},methods: {test(){if (this.status ! noMore) {console.log(触底)this.status loading;this.ifBottomRefresh true// 再次调用接口this.getList()} else {this.status noMore}}}}
/script
