小程序跳转新页面选择数据后返回并修改上一个页面的数据

从A页面跳转到B页面选择名称，B页面是一个列表数据。选择后回到上一个页面并改变上一个页面选择的名称

A页面，一个录入界面，需要选择供应商

A.js页面中关键代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    selectedSup:{
    	supId:0,
    	supName:""
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
  },
  //选择供应商
  goSupplier: function(e) {
    wx.navigateTo({
      url: 'instock_sup',
    })
  },
})

B页面截图

B.js页面中关键代码

// pages/index/instock_sup.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    supList:[],
    nameFilter:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that=this;
    that.getSup();
  },
  getSup:function(){
  //这里是获取所有的供应商
  }
  /**选择供应商 */
  supItemClick:function(e){
    var id=e.currentTarget.dataset["id"];
    var name=e.currentTarget.dataset["name"];
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2]  //上一个页面
    prevPage.setData({
      ["selectedSup.supId"]:id,
      ["selectedSup.supName"]:name
    });
    wx.navigateBack({
      delta: 1,
    });
  },
})

B.wxml

<view class='head-wrap'>
  <view class='search-wrap'>
    <image src='http://ccacdn.cancanan.cn/xiaochengxu/icon_search.png' class='icon-search'></image>
    <input class='input' placeholder-class='phcolor' placeholder='请输入搜索供应商的名称' bindinput='supNameChange' value="{{nameFilter}}"></input>
    <image src='/images/icon_global_delete.png' class='icon-clear' bindtap='ToClear'></image>
  </view>
  <label class='add' bindtap='goAddSupplier'>+</label>
</view>
<view class='sup-list'>
  <view class='item' wx:for="{{supList}}" bindtap='supItemClick' data-id="{{item.id}}" data-name="{{item.name}}">{{item.name}}</view>
</view>