分享下在小程序中怎么做循环
Posted 圣诞。
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了分享下在小程序中怎么做循环相关的知识，希望对你有一定的参考价值。
直接上代码 ，非常简单易懂。
首先是文件中的js中代码。
自己随便写的数据
Page({
/**
* 页面的初始数据
*/
data: {
data: [
{
name: "hello", interest: "运动",gender: "男",
},
],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
})
之后嘞，我们看wxml中的代码。
<block wx:for="{{data}}" data-item="item"> #小程序中循环我们用wx:for
<view>{{item.name}}</view> #item + 变量名 = 输出
<view>{{item.interest}}</view>
<view>{{item.gender}}</view>
</block>
就这么简单。
欢迎高手指教！！
以上是关于分享下在小程序中怎么做循环的主要内容，如果未能解决你的问题，请参考以下文章
迪泸分享 | 在小程序里做门窗SaaS营销管理系统？「直赢店」想要赋能中小型厂家