微信小程序console.log(time)打印出三行时间,赋值给data,却显示一条数据求大神指点

微信小程序console.log(time)打印出三行时间,赋值给data,却显示一条数据求大神指点,第1张

这是因为 setData 方法只能设置一个值,而你在 console.log 中打印了多行。

如果要在 pageData 中显示多行数据,可以将其更改为一个数组,并段谈孝在循环握稿中将每个时间侍友推入数组中。例如:

 let times = [] 

// 循环中 

let d = new Date(item.time.replace(/-/g, '/')).getTime()

let time = timeHandle(d)

times.push(time) 

// 循环结束后 

this.setData({ 

pageData:times 

})

如果你要显示最新的时间那么可以在循环结束后使用unshift方法添加到数组的第一个位置

方法/步骤

在小程序中为了实现一个中添加多个内容重复的标签,那就需要使用循环。如果按小程序的简易教程,循环加在中,而放在里面。所有数据都会遍历到每一个中。这不是我们想要的。

请点击输入图片描述

在微信小程序中有个属性,是指当点击列表元素时当按下鼠标左键会显示样式,但是鼠标离开样式就会复原.

请点击输入图片描述

核心点:模板文件中使用三元运算符,通过dateCurrent指定当前item的id。

请点击输入图片描述

在组件上使用控制属性绑定一个数组,即可使用数组中拆携明各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的隐判变量名默认为item 事例。

请点击输入图片描述

接着用在标签上,以渲染一个包含多节点的结构块。

请旅告点击输入图片描述

接着只需要把放入文件中就可以,把循环数据绑定到上就可以了。

请点击输入图片描述


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12527100.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存