如何在微信小程序中建立列表，并且实现列表项的动态增添，点击某一列表项实现界面的跳转，可以通过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对象初始化绑定。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/74961.html
