uniapp编译成微信小程序后,v-for循环不生效(数据项小于等于2的时候生效,页面渲染;但是大于2的时候,不生效,循环体内的内容没有被渲染)。目前,有这个问题的机型是iPhone 13 pro max,其他的没有发现。
<view v-for="(item, index) in template" :key="index">
<view>zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</view>
<!-- 选择门店 -->
<DiyShopInfo v-if="item.type == 'shop_info' && pages_index_index.store.cyy_store_type" :param="item.param"></DiyShopInfo>
<!-- 搜索框 -->
<DiySearch v-if="item.type == 'search111'" :param="item.param" :templateList="template"></DiySearch>
<!-- 首页的功能按钮······现将功能按钮放在营销日历里边 -->
<!-- <DiyNav v-if="item.type == 'nav'" :page_id="page_id" :_templateKey="index" :item="item"></DiyNav> -->
<Calendar v-if="item.type == 'nav111'" :page_id="page_id" :_templateKey="index" :item="item" />
<!-- 首页轮播图 -->
<DiyBanner v-if="item.type == 'banner111'" :param="item.param" @change="changeBanner" :bgColor="topBgColor"></DiyBanner>
<DiyFastNav v-if="item.type == 'fast_nav'" :param="item.param"></DiyFastNav>
<DiyPlate v-if="item.type == 'plate'" :param="item.param"></DiyPlate>
<!-- 通知提示 -->
<DiyTopic class="topic" v-if="item.type == 'topic'" :page_id="page_id" :_templateKey="index" :item="item"></DiyTopic>
<DiyIndexRecommend v-if="item.type == 'index_recommend'" :param="item.param"></DiyIndexRecommend>
<DiySuperBrand v-if="item.type == 'super_brand'" :param="item.param"></DiySuperBrand>
<DiyRecommendGoods ref="DiyRecommendGoods" v-if="item.type == 'recommend_goods'" :item="item" :_templateKey="index" :page_id="page_id" :templateList="template"></DiyRecommendGoods>
<DiyNearbyMch v-if="item.type == 'nearby_mch'" :param="item.param"></DiyNearbyMch>
<!-- 通知====公告的那个 -->
<DiyNotice class="diy-notice" v-if="item.type == 'notice111'" :param="item.param" ref="noticesDiy"></DiyNotice></view>
onShow() {
console.log('onshow--------')
this.loadData();
// this.hackReset = false;
}
async loadData() {
console.log('loadData-------');
console.log('aaaaaa', this.template.length);
let isUpdata = false;
if(this.template.length > 0) {
isUpdata = true;
}
this.isShowMore = false;
const res = await this.$requestAll.home.getPageNew({
page_id: this.page_id
}, true);
this.pages_index_index = res;
this.template = res.template.slice(7,9);
console.log('cccccc', this.template.length)
//this.template = [...res.template];
if (res.gonggao) {
this.$store.commit('setNoteData', res.gonggao);
}
if (res.topBgColor) {
this.topBgColor = res.topBgColor;
}
if (res.sale_tips) {
this.sale_tips = res.sale_tips
}
if (res.sale_rank) {
this.sale_ranks = res.sale_rank
}
}
之前想到的是可能是循环体里面的组件存在兼容性问题,但是我一个个去截断数组测试了,都是没有问题的。这种该如何解决呢?实在是想不到办法了