小程序 动态设置了数组数据,但是前端遍历渲染不出来。 40C

图片说明
![图片说明](https://img-ask.csdn.net/upload/201809/14/1536930246_217247.jpg)图片说明

如图,consolelog显示数组里是有数据的,但是前端遍历就没东西了?

0

1个回答

直接改数据无效,要调用setData来更新

最console.log后增加这个句

 this.setData({itemdetail:this.data.itemdetail})
0
showbo
支付宝加好友偷能量挖 回复weixin_40709892: 看清楚我代码哦。。你的obj不是数组啊。。要设置一次itemdetail就行了 this.setData({itemdetail:this.data.itemdetail})
5 个月之前 回复
weixin_40709892
weixin_40709892 我试了用this.setData({itemdetail:obj})也不行
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序列表数据渲染无效问题
我实在是太菜了隔了2,3个月没做,微信小程序的数据渲染竟然都不会用了记住要让修改的数据立即生效只能用setData方法!!下面转了一篇文章里面的内容,方便大家比较转自:http://www.jb51.net/article/107939.htm数据修改不生效今天继续要介绍一个setData()的问题。 我们经常会这样写:?1234567891011121314var that = this;wx....
【微信小程序】二维数组列表渲染
微信小程序官方文档主要是一维数组列表渲染的案例 也有一个“静态”的二维数组列表渲染案例
jquery ajax加载数据前台渲染方式 不用for遍历
ajax前台渲染数据
jquery的ajax调取后端数据成功却渲染失败的原因
获取后端数据后,进行前端的页面渲染,数据读到了,渲染却失败了,经过无数次排查,发现 了问题: 主要问题就是id的唯一性 $("#id")一般可以获得相应的对象,但是如果此时页面有多个同样的id,jquery就不行了,肯定不能查找到相应的对象 综述来说,如果渲染不成功,首先考虑要绑定数据的对象找没找到,此时必须看看id是否唯一了。
小程序中WxParse循环解析返回的富文本数据
                                          WxParse循环解析 一、遇到问题 最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析html标签,也能全部解析。   问题来了~~ 而我现在遇到的问题是多条数据解析啊 终于折腾了好久才实现的...
小程序 - 数据绑定和渲染
来自微信小程序开发文档 :原文地址数据绑定WXML 中的动态数据均来自对应的 Page 的 data。简单绑定绑定数据使用 Mustache 语法(双大括号) 将变量包起。Page({ data: { id: 0, message: 'Hello MINA!', condition: true, name:"Jerry"
微信小程序 for循环动态渲染页面
这种列表效果可以说是最常见的一种,肯定不是我们一个一个写上去,这就用到了我们这次要说的for循环渲染了 其实也很简单,我就直接上代码了 <view wx:for='{{languageList}}' class='hua' data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'> &lt...
微信小程序-修改数据后页面不渲染
说明去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。 唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过
微信小程序把缓存的数组动态渲染到页面
 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。 微信小程序开发交流qq群   173683895  、 526474645 ; 正文:   代码实现的目的:当页面销毁的时候,页面的参数状态还是能够保存。 show_img函数实现: 创建一个数组保存到缓存,遍历缓存的list_stutas对象并赋值给data,然后页面根据data的值进行渲染展示。 hb函数实现: 根据图片...
微信小程序系列三:数据获取及数据渲染
1.数据获取: 注意:       1.服务器地址要配置https       2.配置合法域名       3.本地调试记得在开发者工具勾选 wx.request({ url: '接口地址', data: {}, success: function (res) {}, fail:function(err){} }) 2.数据渲染:   js代码如下: ...
[微信小程序]js动态改变数组对象列表中的样式
 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。 微信小程序开发交流qq群   173683895  、 526474645 ; 正文: 这里我用微信小程序商城开发中选择商品规格选择做示例: 先把效果图让大家看看,  默认情况下是这样的 当点击了规格11以后:    该商品规格的颜色变成红色,并且显示该规格商品的图片和价格 当点击了规格22以后: 该商品规格的颜色变成红...
【微信小程序 】 数据更新,视图无法更新时,使用setData()更新视图,并解决setData()赋值对象属性及数组问题
在Vue中,当我们对数据进行修改时,视图也会发生变化,微信小程序也提供的一样的功能,但是需要使用官方提供的setData()方法,如下: Page({ data: { isShow: false }, changeStatus(){ this.setData({isShow : true}); console.log(this.data.isShow); ...
jquery从后台获取数据,动态遍历渲染页面
 var $viewVideoId = $('#viewVideoId');        $viewVideoId.children().remove();        var fileList = '';        var UTILE = new UtileObj();        $.each(JSON.parse(res.data).file, function (i, items...
微信小程序开发:图片绝对定位以及数据遍历的步骤
微信小程序图片绝对定位以及数据遍历的具体开发步骤
异步请求回来数据了,但是页面没有渲染
异步请求回来数据了,但是页面没有渲染 async componentDidMount() { // 异步的请求一定要保证请求回来的数据是确切的。 使用async,await变成同步。 await this.props.PublishManageStore.fetchArticleList({ productCode, bid: window.AMBASSADOR_CONFI...
在js中如何遍历List集合,并且动态渲染下拉列表数据
后台: List 存的是数据 存放在model中,List下拉列表的数据,存在model中  我的需求: 页面加载完毕,要显示数据,并且下拉列表要有选项值  思路: 在js中动态渲染下拉列表,我得到的是一个List,我首先要遍历List,取到每个值,然后将每个值,添加到一个数组里,遍历数组,动态渲染           var array = new Array();        
微信小程序多层嵌套循环,二级数组遍历
小程序中的遍历循环类似于angularJS的遍历。 二级数组遍历有一个坑。二级遍历wx:for循环的时候,需要注意。(代码如下)   JS代码: data: { groups: [ [ { title: '狼图腾', cover:
Vue.js入门学习--列表渲染--v-for遍历数组生成元素(四)
完整案列demo: 列表渲染--v-for遍历数组生成元素 {{item.message}} -- {{index+1}} {{index+1}}:{{key
小程序富文本显示-WxParse(列表循环显示)
虽然看了很多网上的教程步骤 直接套代码可以实现效果 但是当套到自己的代码时却老是失败 。 经过整整三天的折磨 现在 终于是做出来了。现在记录一下这插件的使用 并且写上自己的感受。。。。。。被坑的   一、 WxParse 插件的下载 wxParse-微信小程序富文本解析组件:https://github.com/icindy/wxParse  把wxparse 文件夹 复制到你个人的目录...
微信小程序中更改数组并重新渲染页面出现的Bug问题,数组setData问题
问题:是出在var array = this.data.array;后更改临时变量中的array的同时(并且没有setData的情况下)会导致this.data.array也发生改变.从而使得我们之后在setData的时候其实并没有发生实际数据的更改(导致没有重新渲染) 解决方案:不要在之前引用this.data.array,而是直接setData中对array中的数值进行更改(改,增删的话可以考...
【微信小程序开发遇到的那些坑】之——wxml中使用wx:for时,修改页面中data内数组中的单个值,实现选中效果
这个不算坑,但是为了保证一致性。。题目就这样吧嘿嘿~ 未点击时: 点击后:   再次点击又会隐藏,只做了第一个,其他相同 前端代码: 使用wx:for,给image的src属性用了三项运算符,当我把isSelect改成true时,前面的小图标换了一下,隐藏的模块用的hidden wxml: <!--page/me/setUp/setUp.wxml--> &lt...
微信小程序之数据绑定、列表渲染、条件渲染
数据绑定 简单绑定 <view> {{ message }} </view> Page({ data: { message: 'Hello MINA!' } }) 组件属性(需要在双引号之内) <view id="item-{{id}}"> </view> Page({ data: { id: 0 } }) ...
在vue中通过后台的数据个数自动渲染前端l列表个数(axios+vux)
1.通过axios获取后台数据。 submitForm () { return axios({ method: 'get', url: 'http://链接', withCredentials: true }) .then((response) => { return response.data }) ....
微信小程序wx:for循环列表渲染
列表渲染 wx:for 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item view wx:for="{{array}}"> {{index}}: {{item.message}} view> Page({ data: { array:
微信小程序-初入json渲染页面
最近在弄小程序,感觉资料很少,自己是后端开发,之前自己玩过一点安卓,感觉还行挺像的 首先看一下目录吧 在pages下的是页面,js,css文件, utils目录下是工具类的js 可以引入 app全局的,app.json如下,里面的pages配置页面的新添加的页面需要配置在里面 现在我们在index.js里访问接口 我写在了onload方法里,wx.request
angular---angularJs1.x中select如何遍历渲染option,数组与对象、索引使用以及动态异步渲染option项
1、ng-options指令用途: 在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似,很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处,例如减少内存提高速度,以及提供选择框的选项来让用户选择。当select中一个选项被选择,该选项将会使用ng-model自动绑定到对应数据上。如...
微信小程序WXML之列表渲染
这一章节我们来学习一下我们在程序中另一个重要的语法结构循环结构,在java或C中是用for关键字的,在微信小程序中也是for关键字,但是不同的是语法结构有点不同,下面我们介绍一下。 wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 下面我们来分析一下一个实
v-for 无法遍历数据,不执行循环
myAdsList:function(){ var myAdsList = [ { "id": 4, "area": "广东省广州市", "info": "123", ...
微信小程序---2.循环遍历(img)
在wxml页面中1. 最外层包裹的是 微信所有的block标签,设置wx:for=””(需要循环的数组)、wx:for-item=””(接收需要循环的key与key值的变量)、wx:for-index=”” (循环key值的下标,索引,可以是index,也可以是id)、设置key值(可绑定index值,若想获取当前数组而不是index,则使用*this的方式绑定)2. 在第二层,也就是接收数据的位...
微信小程序更改刷新data 数组结构里的某一项数据
这是我的小程序简单效果图每一个panel 是一个类别  每次点击查看更多 需要调用接口刷新当前类别的数据因为这是分类是一个数据 于是我定义成一个data  数组data: { category_list:[ { id: 1, name: '阅读', show: false, loading: true, news_list: [] }, { id: 2, name:...
微信小程序----修改data中的数据,页面数据不改变
错误原因 由于VUE等框架,我们在逻辑层修改data中的数据后,视图层(页面渲染)会跟着发生变化。当然微信小程序也是实现了相同的功能,那么出现错误的原因是什么?答案:微信小程序的setData()方法。 常见赋值方式(习惯)导致的错误Page({ data: { isShow: false }, changeStatus(){ console.log(this.dat
微信小程序里为什么我设置了数据却不显示
在学习微信小程序时,我碰到一个坑,就是去网络获取一个列表返回并设置到data里面,在view显示时却显示不出来,弄了半天才发现不能这么设置,所以记录下来并分享给遇到的朋友!                当时的获取列表数据情况:        wx.request({            url: 'http://… ',            method: 'GET',     
微信小程序 setData动态设置数组中的数据
现在有一组死数据 但是想在使用时动态修改其中的值 在setData中不能直接设置,真想。。。。。。,算了是这个和谐的社会救了那个工程师。 接下来,我们去征服她! 死数据: //地图上方控件 controls: [ { id: 1, iconPath: '../image/jiuyuan.png', posit
解决微信小程序中wxml中明明有数据,但是页面中什么都没有的问题
最后发现text标签里面只能套text,不能写其他的,把text标签给去掉就好了
layui 数据渲染能出来,但页面中不显示问题
侧边菜单放到模板引擎中,无法正常使用! 假如加载模板,用模板引擎渲染到HTML页面后,需要调用element.init()初始化渲染一下。 form表单中下拉框渲染不出数据? //但是,如果你的HTML是动态生成的,自动渲染就会失效 //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init(); form.render();...
小程序setData修改数组某一项的值
官方文档是这样的: changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ 'array[0].text':'changed data' }) }, changeItemInObject: functio...
微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染
一:for循环,绑定点击事件分享者:niedongdong,原文地址 最近公司有小程序的项目,本人有幸参与其中,一个项目做下来感觉受益匪浅,与大家做下分享,欢迎沟通交流互相学习。先说一下此次项目本人体会较深的几个关键点:微信地图、用户静默授权、用户弹窗授权、微信充值等等。言归正传,今天分享我遇到的关于wx:for循环绑定数据的一个tips:想必大家的都知道wx:for,如下就不用我啰嗦了: cl
swiper在进行动态数据加载时的应用和处理
最近在一个企业门户网站项目,要求做一个后台管理系统对前台门户网页的内容和网站结构进行一定程度修改,决定用swiper控件实现  banner广告位,因为之前也用过,比较熟悉,它比较轻量,一个banner需要的东西它都有,而且是基于Jquery的,官网链接如下:  http://www.swiper.com.cn/api/basic/2016/0125/295.html swiper的初始
解决Vue数据更新数据不渲染问题
Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测:  push() pop() shift() unshift() splice() sort() reverse() vue2.0还增加个方法可以观测Vue.set(items, indexOfItem, newValue) filter(), concat(), slice() ...
微信小程序 列表渲染 wx:for
wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item view wx:for="{{items}}"> {{index}}: {{item.message}} view> Page({    data:{       items:
文章热词 数组动态大小 可变长度数组数据 微信开发小程序公众号微信支付关系 动态大小字节转string数组 数组字面量和内联数组
相关热词 bootstrap 数据渲染 bootstrap 执行 数据渲染 bootstrap 如何渲染数据 python小程序 python小程序学习