小程序 动态设置了数组数据,但是前端遍历渲染不出来。 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})
10 个月之前 回复
weixin_40709892
weixin_40709892 我试了用this.setData({itemdetail:obj})也不行
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序-修改数据后页面不渲染
说明去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。 n唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过
使用vue的v-for渲染图片时图片加载不出来
问题描述:n定义了一个数组,数组里面装的有图片的路径,使用for循环渲染页面时,图片路径对但是图片不显示。n解决办法:数组里面图片的路径要写成如下:nimage:require('../assets/img/login.png')nn渲染的时候要写n<img :src="item.image" />nnn n nn...
【微信小程序】二维数组列表渲染
微信小程序官方文档主要是一维数组列表渲染的案例n也有一个“静态”的二维数组列表渲染案例
微信小程序把缓存的数组动态渲染到页面
微信小程序开发交流qq群 173683895nn 承接微信小程序开发。扫码加微信。nn正文:nnnn代码实现的目的:当页面销毁的时候,页面的参数状态还是能够保存。nnshow_img函数实现:nn创建一个数组保存到缓存,遍历缓存的list_stutas对象并赋值给data,然后页面根据data的值进行渲染展示。nnhb函数实现:nn根据图片点击事件携带的id把缓存中list_stutas...
小程序 动态改变循环 列表中的特定列数据
小程序中不能使用js动态的去改变前端页面的数据和元素,只能通过动态数据的型式来实现类似功能。nn效果图:nnnn不能用 $(this).html() 这样方便的方法去实现这样的效果,一时没有思路,结合之前做轮播图自适应的功能,想到可以用类似的做法,利用动态数据去实现。nn代码部分:nnn<view class='repaly-box'>n <view class='reply-...
jquery从后台获取数据,动态遍历渲染页面
 var $viewVideoId = $('#viewVideoId');        $viewVideoId.children().remove();        var fileList = '';        var UTILE = new UtileObj();        $.each(JSON.parse(res.data).file, function (i, items...
微信小程序中更改数组并重新渲染页面出现的Bug问题,数组setData问题
问题:是出在var array = this.data.array;后更改临时变量中的array的同时(并且没有setData的情况下)会导致this.data.array也发生改变.从而使得我们之后在setData的时候其实并没有发生实际数据的更改(导致没有重新渲染)n解决方案:不要在之前引用this.data.array,而是直接setData中对array中的数值进行更改(改,增删的话可以考...
微信小程序列表数据渲染无效问题
我实在是太菜了隔了2,3个月没做,微信小程序的数据渲染竟然都不会用了记住要让修改的数据立即生效只能用setData方法!!下面转了一篇文章里面的内容,方便大家比较转自:http://www.jb51.net/article/107939.htm数据修改不生效今天继续要介绍一个setData()的问题。 我们经常会这样写:?1234567891011121314var that = this;wx....
小程序的视图与渲染
n组件的基本使用n数据绑定n渲染标签n模板的使用nnn组件的基本使用nn微信小程序开发者文档 n简单的添加button组件实例:nnnn<!--index.wxml-->n<button type='default' hover-class='other-button-hover'>default</button>n<button type='primar...
如何动态修改数组里面的某个参数值( 微信小程序 )
dataList:[n {n nickname:'小明',n sex:'男'n },n {n nickname:'笑笑',n sex:'女'n },n {n nickname:'小美',n sex:'女'n }n]nnnlet name="dataList[0].nickname";nthis.setData({...
在js中如何遍历List集合,并且动态渲染下拉列表数据
后台: List 存的是数据 存放在model中,List下拉列表的数据,存在model中rn 我的需求: 页面加载完毕,要显示数据,并且下拉列表要有选项值rnrn 思路: 在js中动态渲染下拉列表,我得到的是一个List,我首先要遍历List,取到每个值,然后将每个值,添加到一个数组里,遍历数组,动态渲染          rnvar array = new Array();  rn     
微信小程序里为什么我设置了数据却不显示
在学习微信小程序时,我碰到一个坑,就是去网络获取一个列表返回并设置到data里面,在view显示时却显示不出来,弄了半天才发现不能这么设置,所以记录下来并分享给遇到的朋友!rn          rn    当时的获取列表数据情况:rn       wx.request({rn           url: 'http://… ',rn           method: 'GET',rn    
微信小程序真机iso能正常渲染数据,安卓机无法解析数据
web开发者工具测试时候可以正常,iso能正常渲染数据,安卓机无法解析数据,已经排查不是证书问题,返回数据:安卓机数据为string,ios为object,但是直接转换object,失败,还是string。查了之后发现是/ufeff的问题,去掉就好了 n安卓是string,判断不是object就去掉再转n success: function (res) {n console.log(
小程序 - 数据绑定和渲染
来自微信小程序开发文档 :原文地址数据绑定WXML 中的动态数据均来自对应的 Page 的 data。简单绑定绑定数据使用 Mustache 语法(双大括号) 将变量包起。Page({n data: {n id: 0,n message: 'Hello MINA!',n condition: true,n name:"Jerry"
微信小程序动态修改数组元素
下面是两个测试数组array: [], test:[ {   num:1,   name:'a'   }, { num: 2, name: 'b' }, { num: 3, name: 'c' }, { num: 4, na...
小程序ajax获取数据遍历 前几名样式不一样
直接上代码nnn<view class='list' wx:for-index="idx" wx:for="{{datas}}" wx:key='index' bindtap="btnanniu" >n<view style='height:50px;' wx:if='{{idx==0}}' id='index'><image src='../../images/fi...
微信小程序 for循环动态渲染页面
nn这种列表效果可以说是最常见的一种,肯定不是我们一个一个写上去,这就用到了我们这次要说的for循环渲染了nn其实也很简单,我就直接上代码了nnn<view wx:for='{{languageList}}' class='hua' data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'>n &lt...
微信小程序遍历多维数组
n 微信小程序遍多维数组的方法,接口返回数据如下nnnnnn 遍历数据如下nnn <block wx:for="{{storelist}}" wx:key="{{index}}">n <swiper-item style="display:flex">n <block wx:key="{{index}}" wx:for="
layui 数据渲染能出来,但页面中不显示问题
侧边菜单放到模板引擎中,无法正常使用! n 假如加载模板,用模板引擎渲染到HTML页面后,需要调用element.init()初始化渲染一下。nnform表单中下拉框渲染不出数据? n //但是,如果你的HTML是动态生成的,自动渲染就会失效 n //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init(); n form.render();...
微信小程序系列三:数据获取及数据渲染
1.数据获取:nn注意:nn      1.服务器地址要配置httpsnn      2.配置合法域名nn      3.本地调试记得在开发者工具勾选nnnwx.request({n url: '接口地址',n data: {},n success: function (res) {},n fail:function(err){}n})nn2.数据渲染:nn  js代码如下:nnn...
小程序动态为data中数组赋值
data: {narray: []n}n为array数组赋值2个元素:nfor (var i = 0; i < 2; i++) {nvar item = ‘array[’ + i+ ‘]’nthis.setData({n[item]: i+1 //注意:这里item必须要加[]n})n}nn
微信小程序开发者工具数据能渲染,真机不能渲染的问题总结
开发框架:Wepyn1.数据结构不对,数组用对象去点出来;n2.脏数据没有触发,只是改变原始数据的一个属性,没有赋值回去;n3.开启上传压缩,sync向子组件传数据n欢迎大家继续补充~nn...
微信小程序之渲染标签
微信小程序之渲染标签 n这里我只写最简单的用法,详细内容请见官方文档(嘿嘿嘿~~~) n官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.htmlnn①条件渲染 n前面一篇博客显示隐藏已经写了条件渲染的实际用法,不在赘述nn②列表渲染 nwx:for n在组件上使用 wx:for 控制属性绑定一个数组,即可...
React-数据列表渲染学习
数据列表渲染数据列表处理使我们常见的事物类型,到后台给你一串数据列表,你将如何展示在前端页面上呢,传统的我们都是通过循环来实现,那么在react里面我们又是怎样实现的呢?n数据如下const books = [n { bookname: '1', time: '一号',},n { bookname: '2', time: '二号'},n { bookname: '3', time: '三号'}
微信小程序swiper标签中传入多个数组型数据的方法
wxml页面:nnn<view class="menu-wrp">n<swiper indicator-dots="{{indicatorDots}}"n autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" >n <swiper-item&am
微信小程序中使用ECharts 异步加载数据 实现图表
<view class="container">n <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>n</view>
[微信小程序]js动态改变数组对象列表中的样式
微信小程序开发交流qq群 173683895nn 承接微信小程序开发。扫码加微信。nn正文:nn这里我用微信小程序商城开发中选择商品规格选择做示例:nn先把效果图让大家看看, 默认情况下是这样的nnnn当点击了规格11以后: 该商品规格的颜色变成红色,并且显示该规格商品的图片和价格nnnn当点击了规格22以后:该商品规格的颜色变成红色,并且显示该规格商品的图片和价格,同时把其它规...
vue用api获取直接赋值的数组为什么没有渲染在前端
通过vux绑定的panel组件渲染前端nnn<panel :list="list" :type="type"></panel>nnnexport default {n data () {n return { n type: '5', n list: []n }n },n}nnnsubmit () ...
微信小程序中echarts动态加载数据
前期准备nn需求:需要在微信小程序中动态显示图表。nn经查询,选择使用echarts插件。nn在echarts官网中获取ec-canvas组件,放入至微信小程序中nn实现如下:nn完整实例:dynamic-echarts-demonnwxmlnnn<ec-canvas id="mychart" canvas-id="mychart-line" ec="{{ ec }}"></ec...
微信小程序多层嵌套循环,二级数组遍历
data: {n groups: [n [n {n title: '狼图腾',n cover: '../../img/mineBG.png'n },n {n ...
微信小程序中,点击wx:for渲染的数据,view里的文字颜色改变、展示不同的内容
用wx:for渲染数据,不确定有多少条数据,要使得点击当前数据获取当前数据的下一级数据,描述可能会不太清楚,就是实现图中这种功能:nnnnwxml代码:n <!-- 这是要展示的规格 -->n <view wx:for="{{items}}" wx:key="id" bindtap='selShopTc' data-index="{{index}}&
微信小程序WXML之列表渲染
这一章节我们来学习一下我们在程序中另一个重要的语法结构循环结构,在java或C中是用for关键字的,在微信小程序中也是for关键字,但是不同的是语法结构有点不同,下面我们介绍一下。nwx:fornn在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。n默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为itemn下面我们来分析一下一个实
关于小程序swiper组件中只有一条数据时的渲染问题
自己基础知识不牢固,所以才会造成使用上的懵逼,上一任的bug我来改,所以在项目熟悉上还有问题,所以自己想来点小分享,共同学习,网上查找的资源没有合适解决问题的n知识在于分享n在小程序开发过程中,使用swiper轮播组件时,需求是当使用循环数组时,数组一有多条数据,数组二中只有一条数据时,数组一想要在视图层展示两条数据,此时数组二中的一条数据展示过程中踩了许多坑,第一次写博客,有点啰嗦了,直接上图解...
jquery的ajax调取后端数据成功却渲染失败的原因
获取后端数据后,进行前端的页面渲染,数据读到了,渲染却失败了,经过无数次排查,发现 了问题:rn主要问题就是id的唯一性rn$("#id")一般可以获得相应的对象,但是如果此时页面有多个同样的id,jquery就不行了,肯定不能查找到相应的对象rnrnrn综述来说,如果渲染不成功,首先考虑要绑定数据的对象找没找到,此时必须看看id是否唯一了。
微信小程序 setData动态设置数组中的数据
现在有一组死数据rn但是想在使用时动态修改其中的值rn在setData中不能直接设置,真想。。。。。。,算了是这个和谐的社会救了那个工程师。rnrnrn接下来,我们去征服她!rn死数据:rn //地图上方控件n controls: [n {n id: 1,n iconPath: '../image/jiuyuan.png',n posit
关于echarts数据二次渲染不成功
 最近在使用echarts做报表需求,二次生成报表时数据合并,无法正确显示。nn第一次渲染:nnnn第二次渲染:nnnn可以看到这里的echarts项的series变为2个(如上图),但是渲染后的效果series项还是和第一次相同。nn解决办法:应该设置mychart.setoption({},true);nn原因:chart.setOption(option,notMerge,lazyUpdat...
【小程序】解决遍历过程中,类似排名前几个不同的样式处理
小程序之wx:for(一)nn初次开发小程序,能猜测到会遇到很多坑,所以在此记录,工作中开发小程序遇到的问题,以及如何解决问题的方法。也方便遇到类似问题的小伙伴思路。nn话不多说,直接上图,上需求nnnnnn需要达到这个效果,一开始遍历出来的结果是这样: nnn这里wx:for列表渲染就不说了,没有什么问题,正对于标题的问题后来就开始思考如何达到这个效果,想在后台数据中添加状态,感觉太麻烦(放弃)...
解决Vue数据更新数据不渲染问题
Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测: n push()n pop()n shift()n unshift()n splice()n sort()n reverse()n vue2.0还增加个方法可以观测Vue.set(items, indexOfItem, newValue)n filter(), concat(), slice() ...
小程序中WxParse循环解析返回的富文本数据
                                          WxParse循环解析nn一、遇到问题nn最近在做小程序,遇到这样一个需求:nn将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析html标签,也能全部解析。nn nn问题来了~~nn而我现在遇到的问题是多条数据解析啊nn终于折腾了好久才实现的...
微信小程序动态修改数组中的指定下标的属性值
在微信小程序中,我们经常会遇到对数组中指定位置的数据进行动态的修改,并且渲染到视图层。这个源码,就是针对于这种问题去进行解决的。
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 python小程序 微信小程序小程序开发视频