Малый микро-канал WX программного цикла: для, Wx: для товара (ов), данные ххх рейдеров

WX: для, Wx: для-элементов, WX: разница между для-элемента и контакта

Когда речь идет о списке циркуляционного вида апплета, конечно, пропустил WX: для, WX: для-элементов, WX: для товара Это три мушкетера.

По определению,

WX: для простого цикла массива. Элемент массива обычно представляет собой число или строка.

WX: для-элементов для сложных циклов, суб-элемент может содержать множество атрибутов объекта. Если нет WX: для товара, цикл может быть непосредственно атрибут свойство доступ значения по дочерним элементам {{имя} Item.}.

WX: для товара кораблей WX привязки: для-элементов с использованием псевдонимов, соответствует подэлемента, если по умолчанию, по умолчанию Item, если это предусмотрено WX: для товара = «aName», может быть в цикле с помощью { {aName.}} имя атрибут для доступа к значению атрибута дочернего элемента.

Пример: Следующий код,

<block wx:for-items="{{myTasks}}" wx:key="key">

	<view class="task-name">
	<text>{{item.date}} {{item.name}}</text>
	</view>

	<view class="cate-item">
	<image class="cate-icon" src="../../image/[email protected]"></image>
	<text>任务已过期</text>
	</view>

	<view class="cate-item">
	<image class="cate-icon" src="../../image/[email protected]"></image>
	<text>{{item.address}}</text>
	</view>

	<view class="statistics">
	<view class="statistics-cate">
	<image class="cate-icon" src="../../image/[email protected]"></image>
	<text class="num">{{item.signedNum}}</text>
	</view>
	<view class="statistics-cate">
	<image class="cate-icon" src="../../image/[email protected]"></image>
	<text class="num">{{item.totalNum}}</text>
	</view>
	</view>

	<view class="task-icon" id="{{item._id}}">
	<image class="more" src="../../image/icon_check_unselected.png" hidden='{{item.isMe==1 ? true : false}}'></image>
	<image class="more" src="../../image/icon_check_selected.png" hidden='{{item.isMe==1 ? false : true}}'></image>
	</view>

</block>

отображается их вид:

WX: ключ

WX: ключ функция петли микро-канал продвижения, программное обеспечение во время компиляции, микро-канал предложит вам Wx: ключевой проект для стабилизации просмотра слоя дисплея.

WX: значение ключа предоставляется в трех формах

строка

Представляет свойство для цикла в массиве элемента, значение потребности собственности должны быть уникальным в списке строк или чисел, и не может быть изменено динамически.

* Это зарезервированное ключевое слово

Представляет для элемента самого контура, это представление требует уникального элемента самой строки или число, например:
когда данные изменения приводят к повторной визуализации слоя при визуализации, поправляет сборки с ключом, рамка будет гарантировать , что они перезаказа, а не заново создать для того, чтобы убедиться , что компоненты сохраняют свой статус, а также повысить эффективность рендеринга списка.

Это, как правило, присваивается уникальный поле (по аналогии с идентификатором определения);

Wildcard имя +

Например, * п

Если вы не установили WX: ключ, консоль будет выдавать предупреждение:

 Now you can provide attr "wx:key" for a "wx:for" to improve performance.

Устанавливая WX: ключ = «ключ», чтобы удалить предупреждение, см например, на тот же ссылочные кодах.

Данные-ххх расположены в петле, чтобы облегчить приобретенную слушателя событий в данных суб-зрения связывания

Например, установка данных-taskdate = «{{item.date}}» суб-элемент этикетки

Вы можете получить свойство даты связывания на дочерних элементах по e.currentTarget.dataset.taskdate слушающих функции обратного вызова файл расслоения плотного.

.Дата}}"

Вы можете получить свойство даты связывания на дочерних элементах по e.currentTarget.dataset.taskdate слушающих функции обратного вызова файл расслоения плотного.

Более небольшая открытая исходный код программа статья, пожалуйста , переместить мой микро-номер канала общественного: месячная маленькая вода