for迴圈的用法
阿新 • • 發佈:2018-11-20
for迴圈的用法
wxml:
<view class='dorders'> <block wx:for='{{dorder_list}}' wx:key='item' id='index' class='borderjiaoyu'> <view class='dorder'> <view style='position:relative'> <image src='{{item.dorderimg}}' class='cover' data-item_data='{{item}}' id='vid' bindtap='ontTapk12details'></image> <view class='bg'> <view class='text'>{{item.text}}</view> </view> </view> </view> </block> </view>
js:
data: { dorder_list: [{ text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, { text: '艾凡企業-企業危機管理', dorderimg: '/img/1.png', }, ], },