慕哥551898
2019-08-10 16:19
//这是index.JS
const db = wx.cloud.database()
Page({
data: {
item:[],
mark: 0,
}
onShow: function (options){
db.collection('lost_found').get().then(res => {
var lists = res.data;
for (var i=lists.length-1;i>=0;i--) {
if (this.data.item.length != lists.length) {
this.data.item.unshift(lists[i]);
var items = this.data.item;
this.setData({ item: items });
}
}
}).catch(err => { console.log(err) });
var sign = this.data.item.length;
if (sign > 3) { sign = 3; }
this.setData({ mark: sign });
},
//这是WXML
<import src="/pages/foundsomething_model/template/template"/>
<block wx:for="{{item}}">
<view wx:if="{{index<mark}}" bindtap="click" data-index="{{index}}">
<template is="template" data="{{...item}}" />
</view>
</block>
//这是template模板
<template name="template">
<view class="announcement">
<image class="image" src='{{image}}'></image>
<view class="content">
<view>标题:{{title}}</view>
<view>地点:{{place}}</view>
<view class="time">{{time}}</view>
</view>
</view>
</template>
还有我弄个底部导航,这是其中index页面是一个页面,其他还有4个,每次我编译的时候都不会实时显示,要点底部导航其他页面,再点回来才能显示,我想弄实时显示,老师帮我分析一下
不要在循环中setData,循环中可以拼装数据,等数据拼装好以后,在循环外面setData
轻松入门微信小程序与云开发
64548 学习 · 1742 问题
相似问题