- ### `wx:for`数组中各项的数据重复渲染该组件
默认数组的当前项的下标变量名默认为 index,数组当前项的变量名[默认]()为 item
~~~
<view wx:for="{{array}}">
{{index}}{{item.name}}
</view>
~~~
~~~
Page({
data: {
array: [{
name: 'chengchao',
}, {
name: 'jiangwei'
}]
}
})
~~~
- ### `wx:for-item` `wx:for-index`
使用 `wx:for-item `可以[自定义]()数组当前元素的变量名
使用` wx:for-index `可以[自定义]()数组当前下标的变量名
~~~
<view wx:for="{{array}}" wx:for-item="myItem" wx:for-index="ind">
{{ind}}{{myItem.name}}
</view>
~~~
- `block wx:for`渲染一个包含多节点的结构块
~~~
<block wx:for="{{[1, 2, 3]}}">
<view> {{index}}: </view>
<view> {{item}} </view>
</block>
~~~
~~~
//希望数据动态更新,给每一个节点,添加唯一的标识符加上wx:key
<view wx:for="{{array}}" wx:for-item="item" wx:key="index">
{{index}}{{item.name}}
</view>
~~~
- 0.豆瓣接口文档
- 1.开发环境配置
- 2.hello world
- 3.wxml语法
- 第一节 数据绑定
- 第二节 列表渲染
- 第三节 条件渲染
- 第四节 模板引用
- 第五节 事件
- 第6节 轮播
- 第7节 skill
- 第8节 小程序接口调用
- 第9节 获取自定义的属性值
- 4.wxs
- 5.小程序的运行机制及框架
- 6.生命周期
- 7.小程序api
- 第1节 调用缓存
- 第2节 弹出框
- 第3节 模态框
- 第4节 分享showActionSheet
- 第5节 音乐播放
- 第6节 定义全局的数据
- 第7节 target
- 第8节 previewImage
- 第9节 用户授权-获取用户信息
- 第10节 判断用户是否授权
- 8.组件
- 第1节 toolbar的配置
- 第2节 动态设置导航
- 第3节 数据加载loading
- 第4节 下拉刷新
- 第5节 地图
- 第6节 component
- 第7节 scroll-view
- 第8节 form搜索
- 第9节 自定义事件的激活与监听
- 第10节 自定义组件
- 1.属性值改变时会触发observer函数
- 2.组件的behaviors属性可以将组件公共部部分抽离
- 第11节 slot
- 12 向组件传递外部样式
- 13wxs
- 1.写在wxml中的wxs
- 第14open-data
- 第15节 自定义button-slot实现授权组件
- 实例
- B.项目实战
- 第一章 发送http请求
- 第1节 豆瓣调用限定数据的数据
- 第二章 可用的豆瓣接口
- 第三章 处理豆瓣列表页的数据
- 第四章 电影更多页面的数据加载
- 9.skill
- 第一节 e6解决this指向
- 第二节 使用class封装一个简单的http
- 第1点 封装一个带错误的http
- 第2点 使用models再次封装http
- 第三节 http状态码
- 第四节 回调函数
- 第五节 小程序组件wx:if会触发detached,hidden不会
- 第六节 使用promise封装http
- 1.使用models再次封装http
- 第七节 增加历史数据到缓存中
- 第八节 Page向子组件传递上拉下拉
- 第九节 async,await语法支持