微信小程序点击列表的每一项传递参数进入列表的详情页

列表代码:

<block wx:for="{{taskdjs}}">
          <view class="weui-cells list_item"  bindtap="gotorepair" data-id="{{item.ID}}">
            <view class="weui-cell weui-cell_access" hover-class="weui-cell_active">
                <view class="weui-cell__bd">
                  <view class="weui-form-preview__bd">
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label" style="color:#df2413;">任务单号:</view>
                    <view class="weui-form-preview__value" style="color:#df2413;">{{item.DocNo}}</view>
                </view>
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label" style="color:#df2413;">派工人员</view>
                    <view class="weui-form-preview__value" style="color:#df2413;">{{item.projectman}}</view>
                </view>
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label" style="color:#df2413;">状态</view>
                    <view class="weui-form-preview__value" style="color:#df2413;">{{item.statusname}}</view>
                </view>
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label">指派时间</view>
                    <view class="weui-form-preview__value">{{item.DispatchDate}}</view>
                </view>
                
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label">客户名称</view>
                    <view class="weui-form-preview__value">{{item.Customer_Name}}</view>
                </view>
               <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label">联系人</view>
                    <view class="weui-form-preview__value">{{item.Contact}}</view>
                </view>
                <view class="weui-form-preview__item">
                    <view class="weui-form-preview__label">联系电话</view>
                    <view class="weui-form-preview__value">{{item.PhoneRepair}}</view>
                </view>
            </view>
                </view>
                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
            </view>
         </view>
         </block>

点击列表项传递参数,并跳转页面:

 gotorepair: function (event) {
    var currentid = event.currentTarget.dataset.id;
    console.log(currentid);
    wx.navigateTo({
      url: '../repair/repair?id=' + currentid,
    })
  },

 详情页接收传过来的id

onLoad: function (options) {
   console.log(options.id);
  
 }
发布了139 篇原创文章 · 获赞 27 · 访问量 24万+

猜你喜欢

转载自blog.csdn.net/chunchun1230/article/details/104423648
今日推荐