如何在微信小程序中建立列表,并且实现列表项的动态增添,点击某一列表项实现界面的跳转,可以通过navigator组件进行表示。
wxml文件
<view class="box">
<block wx:for="{{object}}">
<navigator url="{{item}}">
<view class="waikuang">
<image src="/images/text01.png" class="myleft"></image>
<view class="mycenter">{{index}}</view>
<image src="/images/right-arrow.png" class="myright"></image>
</view>
</navigator>
</block>
</view>
js文件
Page({
data: {
object:{//初始化绑定对象--> "景点名称":"要跳转发的景点界面路径url"
"景点01":"txt01/txt01",
"景点02":"txt02/txt02",
"景点03":"txt03/txt03",
"景点04":"txt04/txt04",
"景点05":"txt05/txt05",
"景点06":"txt06/txt06",
"景点07":"txt07/txt07",
"景点08":"txt08/txt08",
"景点09":"txt09/txt09",
"景点10":"txt10/txt10",
"景点11":"txt11/txt11",
"景点12":"txt12/txt12",
"景点13":"txt13/txt13",
"景点14":"txt14/txt14",
"景点15":"txt15/txt15",
}
}
})
实现的关键是用了for循环,和在js文件中设置object对象初始化绑定。