微信小程序如何做列表渲染,下面编程教程网小编给大家详细介绍一下代码!
利用wx:for
实现列表渲染
<view wx:for="{{array"}} wx:for-index="idx" wx:for-item="itemName">
索引是:{{idx}} 当前项是:{{itemName}}
</view>
Page({
data:{
userList:[
{id: 1, itemName: '项目1'},
{id: 2, itemName: '项目2'},
{id: 3, itemName: '项目3'}
]
}
})
以上是编程学习网小编为您介绍的“微信小程序如何做列表渲染(示例介绍)”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:微信小程序如何做列表渲染(示例介绍)
猜你喜欢
- BootStrap栅格系统、表单样式与按钮样式源码解析 2024-01-02
- 详解ES6 中的迭代器和生成器 2022-10-21
- 初学者必看的Ajax总结篇 2023-01-26
- vue项目地址上的#是哪来的?(前端路由的hash模式和history模式) 2023-10-08
- 一次微信小程序内地图的使用实战记录 2024-01-16
- layui从数据库中获取复选框的值并默认选中方法 2024-11-22
- 使用mini-define实现前端代码的模块化管理 2023-12-25
- 关于微信浏览器H5 React,Vue工程化项目input无法自动聚焦疑难杂症排查 2023-10-08
- 20行JS代码实现网页刮刮乐效果 2023-12-14
- html中的doctype是什么? 2024-12-13