vue-入门学习

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

2018-04-25  本文已影响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; 

})

}

上一篇下一篇

猜你喜欢

热点阅读