微信小程序动态循环渲染

最近在小程序开发遇到一个问题当我进行request请求的时候如果参数是动态那我得写个for循环把参数循环出来进行request请求比如这样

 for (let i = 0; i < data.length; i++) {wx.request({url: ''+'/'+data[i].item,method: '',success: function (res) {}})
}

然后在成功毁掉函数里给他setData，写完发现一个问题页面上只渲染了最后一个数据并没有全部渲染出来，后来想了个方法，我在外面创建一个全局变量用来保存获取的数据，再重新循环这个全局变量，但是实际操作发现在外面读取不到里面的数据百度了一下说是因为request是异步操作你在外面读取里面的数据是读取不到的虽然打印出来有数据但是无法操作后来想了个办法

我在request里面setData为全局变量外面写一个计时器1秒钟后执行这样就能读取到里面的数据了

setTimeout(function () { var item = that.data.item;for (let i = 0; i < item.length; i++) {that.setData({data: item.data})}, 500);

这样就能成功渲染了

微信小程序动态循环渲染相关推荐

微信小程序的页面渲染（if/for）
下面,粗略的介绍一下微信小程序的条件渲染.列表渲染.数据绑定等,详细的内容大家可以去看微信小程序的API,在此只做简单描述,希望能帮助到大家条件渲染  <vi ...
微信小程序C语言通讯录,微信小程序のwxml列表渲染
列表渲染存在的意义以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...
微信小程序-动态验证码
微信小程序-动态验证码一.创建自定义组件verification-code 二.在index页面使用一.创建自定义组件verification-code verification-code.js ...
微信小程序动态添加类名
微信小程序动态添加类名和vue的语法差不多,一个小测试 <view class="list-top"> <view data-num="1" ...
微信小程序-for循环
微信小程序-for循环通过wx:for可以根据指定的数组,循环渲染重复的组件结构,语法示例如下: <view wx:for="{{arr}}">索引是:{{index ...
微信小程序动态修改样式
前言微信小程序动态修改样式:循环数组显示到页面,点击单独的按钮变换单独样式一.wxml <view class="fb_tips"wx:for="{{arr11 ...
微信小程序webview、渲染富文本
先说点题外话,本来是写在简书上面的文章,现在简书不支持发布了,只能在csdn上上传了.... WebView对于前端开发的小伙伴来讲肯定不陌生,功能是很轻大的,就是一个而普通的html界面.今天主要讲 ...
php 微信小程序循环多选,微信小程序 for 循环详解
1,wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件.默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 事例如下: wx ...
学习使用微信小程序动态获取当前时间并实时跳动
学习使用微信小程序动态获取当前时间并实时跳动 1.修改util.js 2..js函数构造 3.wxml页面显示固定时间 1.修改util.js const formatTime = date => ...

微信小程序动态循环渲染

微信小程序动态循环渲染相关推荐

最新文章

热门文章