如何用for循环将微信小程序数组中的某个固定元素输出?

如何用for循环将微信小程序数组中的某个固定元素输出?,第1张

方法/步骤

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

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

请旅告点击输入图片描述

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

请点击输入图片描述

1、请求获取的数据赋值尘键给页面data中;

2、页面 wx:for循环输出 并竖毁每个item中添加bindtap点击事件 clickid(item.id)

3、js中clickid点击派纤巧事件中 就拿到id了

clickid(id){

console.log(id)

}

1、新建一个project小程序项目。

2、在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在index.wxml页面。

3、在index模块中index.js页面,在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址。data为传输的参数,这里设置为空。method为传递参数的方式,header用碰烂于设置请求的数据类型,success是成功获得数据后的 *** 作。

4、在index.wxml页面,使用for循环遍历输出index.js传递过来的数据data,通过item将data数据输出在页面。

5、在服务端新建一个api.php页面来接收微信小程序的数据请求。

6、最后编译微信小程序,查看从数据表type获得数笑哪漏据内容,成功从数据库读取数据并输缓键出在页面上


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

原文地址: http://outofmemory.cn/yw/12555244.html

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

发表评论

登录后才能评论

评论列表(0条)

保存