美文网首页vue-入门学习
小程序由列表页跳转到对应的详情页

小程序由列表页跳转到对应的详情页

作者: 小小以为你 | 来源:发表于2018-04-25 11:28 被阅读0次

index.wxml内容

<block wx:for="{{houseList}}" wx:for-item=“house”>

    <view catchtap="goHouseDetail" data-houseId="{{house.id}}>

        <template is="my-item-template" data="{{...house}}"/>

    </view>

</block>

注:<block></block> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。

------------------------------------------------------------------------------

index.js

goHouseDetail:function(e){

var houseId = e.currentTarget.dataset.houseId;

console.log(houseId);

wx.navigateTo({

    url: '../house/house-detail/detail?id=' + houseId; 

})

}

相关文章

网友评论

    本文标题:小程序由列表页跳转到对应的详情页

    本文链接:https://www.haomeiwen.com/subject/rnzkixtx.html