直接上代码 ,非常简单易懂。
首先是文件中的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>
就这么简单。
欢迎高手指教!!