小程序跳转时传入数组参数小记

跳转时传入数组参数：
父.wxml页面

 <view class="cu-form-group bg-grey light shadow-blur"  bindtap="click" data-item="{{item1.childrenList}}">
        <view class="title text-bold"><text class="cuIcon-title text-orange "></text>{{item1.projectName}}</view>
 </view>

我们在父.js文件中可以使用navigateTo中url参数携带参数进行跳转，将数组通过JSON.stringify转成字符串

click(e) {
    var model = JSON.stringify(e.currentTarget.dataset.item);
    wx.navigateTo({
      url: '/pages/recruit/data-report-item/index?model=' + model,
    })
  },

子.wxml页面

  <view class="table">
    <block wx:for="{{childrenList}}" wx:for-item="item1" wx:for-index="index1" wx:key="index1">
      <view class="cu-form-group bg-grey light shadow-blur"  bindtap="more_click" data-item="{{item1.childrenList}}">
        <view class="title text-bold"><text class="cuIcon-title text-orange "></text>{{item1.projectName}}</view>
      </view>
    </block>
</view>

然后到子.js文件这边通过 JSON.parse转换成数组

Page({
  data: {
    childrenList: [],
  },
  onLoad(e) {
    var childrenList = JSON.parse(e.model)
    this.setData({
      childrenList: childrenList
    })
  },
});