美文网首页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