小程序push数组,渲染不出来解决办法

在原生小程序中我们改变一个数组,或者改变一个值时都要记得this.setData({ xxx : xxx })

例如:

//在data中声明一个movies的数组
movies:[]

//push 进movies里面
let movies = [...this.data.movies]
movies.push({title:‘中国机长‘,time:‘2:22:00‘},{title:‘黑衣人‘,time:‘2:30:14‘})

//最后一定要记得this.setData({})
this.setData({movies:movies})

原文地址:https://www.cnblogs.com/TreeCTJ/p/11634607.html

时间: 2024-10-20 04:57:50

小程序push数组,渲染不出来解决办法的相关文章

初学微信小程序开发—文件解析错误的解决办法

今天是我学习小程序第二天,当我正在调试新增页面时,发现这个错误: 提示为:文件解析错误  SyntaxError: Unexpected end of JSON input 一开始以为我用错标点符号之类的错误,后来百度发现,是因为这里面空的 解决办法非常简单,看图中步骤:找到即将跳转的路径,然后在左侧找到对应的文件(以本案例为例,找到weekly.json) 补上一个大括号就行了,也就是即将跳转的.json文件不能为空 第一次写博客,很新奇 原文地址:https://www.cnblogs.co

微信小程序 setData 数组 渲染问题 删除之后的数组渲染不正确

list: [ { id: 0, mode: 1, src: 'https://s2.yzlcq.cn/images/10070.png', text: '0' }, { id: 1, mode: 1, src: 'https://s2.yzlcq.cn/images/10070.png', text: '1' }, { id: 2, mode: 1, src: 'https://s2.yzlcq.cn/images/10070.png', text: '2' } ], onDelete(e)

小程序echarts数据不改变,或者是一次渲染成功,第二次进入,渲染失败的解决办法

1.引入echarts插件: import * as echarts from '../../ec-canvas/echarts'; 2.data中定义: ecBar: { onInit: initChart }, 3.app.js中定义全局变量: globalData: { userInfo: null, all_date: [] }, 4.onload中,定义一个  all_date ,用来接收数据 5.循环出来的数据,赋值:app.globalData.all_date = all_dat

关于微信小程序多层嵌套渲染列表以及嵌套列表中数据的获取

起因:意图是想实现类似于安卓viewpager那样的效果,想到了用微信小程序的swiper组件,但如果每个swiper-item里都只用一个wx:for来渲染数据的话实在是太慢了,就想到多层嵌套数据渲染来提高效率. 直接上代码 wxml: <view wx:for="{{one}}" wx:key="id"> <view>----{{item.name}}----</view> <view wx:for="{{it

小程序&quot;errcode&quot;:41002错误问题如何解决?

我的问题是:小程序在本地测试的时候是没有问题的,但是当我扫开发者中的项目中的二维码手机浏览测试的时候发现是没有数据的,然后调试工具中出现: {"errcode":41002,"errmsg":"appid missing, hints: [ req_id: 3Xfiva0765th42 ]"} 的错误,我的接口是: https://hz.hzedtong.com/index.php/mobile/ShowIndex/getShopList 在本地

小程序模板消息报错41028。解决方法

小程序模板消息报错41028 序 最近在写小程序支付回调的时候,想要去触发小程序模板消息,然而过程却很不顺利.一切参数正确的情况下,尽然返回报错41028 41028报错解释 官方:form_id不正确,或者过期 form_id是什么 即wxml文件里面的form表单提交后产生的ID,我这里使用的是支付回调所以这个解释比较的次要. 如果在支付环境里面,form_id就换成你的prepay_id当然如果你已经做过微信支付了那你应该就知道这个东西 模板消息 模板消息数据组装 官方文档:https:/

微信小程序传数组(Json字符串)到Java后端

一:小程序端: wxml中代码: <!--index.wxml--> <view> <view> <button bindtap="onShow"> 调接口 </button> </view> </view> js中代码: //index.js //获取应用实例 const app = getApp() Page({ onShow:function(){ console.log('123456') le

小程序开发遇到的坑及解决

1,第三方组件样式修改: 以iview webapp为例,不能直接通过其class的类名直接修改组件样式,可通过i-class来给组件添加类名,通过i-class来修改样式. <i-page i-class="ipage" current="{{ page }}" total="{{ total }}" bind:change="handleChange"> <view slot="prev&quo

小程序请求豆瓣API报403解决方法

微信小程序使用wx.request API请求豆瓣公开api的时候,会报一个403(Forbidden)的错误.这是为什么呢?是由于来自小程序的调用过多,豆瓣来自于小程序的调用被禁止.这里收集以下三种方法解决此问题(设置代理): 1.使用 https://douban.uieee.com 2.使用 https://www.zhihu.com/question/265806694/answer/302894881 以上两种方法均是设置代理请求豆瓣API数据. 使用方法:把 https://www.