在小程序里面,实现一个点击跳转事件,通常会用上bindtap,再在事件里使用wx.navigateTo指定跳转页面。但如果我们的原页面是一个渲染的列表,每个项都有一个跳转事件,而且跳转进去的页面大体相同,除了给它们一个个加上bindtap以外,还有什么更好的办法呢?navigator这时就派上用场了。
这里用到两个页面:test/test和test2/test2
test
test.wxml
在navigator里设置循环内容,注意navigator的url一定要设置路径,为了给每个列表添加一个标识,好让点击跳转时显示不同内容,我们可以通过路径传参itemId={
{
item.id}}把id传到子页面。
<navigator wx:for='{
{imgUrl}}' wx:key="id" url="../test2/test2?itemId={
{item.id}}">
<image src='{
{item.img}}' style='width</