美文网首页
微信小程序 界面间传数组

微信小程序 界面间传数组

作者: Accepted_ | 来源:发表于2021-03-31 18:43 被阅读0次

界面A有一个数组["1", "2", "3"]传递给界面B,发现数组变成了字符串。

    //A界面
    let array = this.data.numberArray
    console.log(array) //打印结果 ["1", "2", "3"],是数组类型
    wx.navigateTo({
      url: "../PageB/PageB?array=" + array,
    })
   //B界面
   /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      console.log(options.array) //打印结果为string类型 "1,2,3"
  },

解决办法:

传送界面(A界面)使用:JSON.stringify(array)
接收界面(B界面)使用:JSON.parse(array)

例如上例:

    //A界面
    let array = JSON.stringify(this.data.numberArray)
    console.log(array) //打印结果 ["1", "2", "3"],是数组类型
    wx.navigateTo({
      url: "../PageB/PageB?array=" + array,
    })
   //B界面
   /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      let array = JSON.parse(options.array)
      console.log(array) //打印结果 ["1", "2", "3"],是数组类型
  },

资料来源:微信小程序--页面传值(数组)

相关文章

网友评论

      本文标题:微信小程序 界面间传数组

      本文链接:https://www.haomeiwen.com/subject/hwrahltx.html