descripción general
- wx: para uso básico
- wx:for-item y wx:for-index renombran elemento e índice
- wx:key dos métodos vinculantes y precauciones
wx: para uso básico
datos de la capa empresarial
Page({
data: {
name: 'Leung',
}
})
Ver capa
wx: al atravesar, el nombre de cada elemento es itemel nombre de cada índiceindex
<view>
<block wx:for="{
{name}}" wx:key="item">
<text>字符:{
{item}}</text>
<text>索引:{
{index}}</text>
</block>
</view>
wx:for-item y wx:for-index implementan el cambio de nombre del índice y el elemento
wx:for-item="str"itemCambiar el nombre original a Cambiar str
wx:for-index="iel nombre del índice original aindexi
<view>
<block wx:for="{
{name}}" wx:key="str" wx:for-item="str" wx:for-index="i">
<text>字符:{
{str}}</text>
<text>索引:{
{i}}</text>
</block>
</view>
wx: enlace de teclas de dos maneras
Método 1: item
Método 2: *thisEl *thisvalor predeterminado esitem
Cómo enlazar wx:key cuando se usa la matriz de wx:para renderizar objetos de almacenamiento
datos de la capa empresarial
Page({
data: {
books:[
{
id:'001',name:'你不知道的JavaScript'},
{
id:'002',name:'JavaScript高级程序设计'}
]
}
})
Ver datos de enlace de capa
No lo use directamente
wx:key="item"owx:key="*this"porque cada elemento de datos en bucle en este momento es键值对un objeto.wx:key="{}"El principio subyacente de convertir cadenas después de analizar variables es que({}).toString()la representación final[object Object]no se puede optimizar.wx:for="books"Analice automáticamente cada atributo del objeto al atravesar, puede directamentewx:key="id"
<view>
<block wx:for="{
{books}}" wx:key="id" wx:for-item="book">
<view>
{
{book.name}}
</view>
</block>
</view>