微信小程序页面数据传输

index.js

Page({

  data: {

    person: [{

      id: 1,

      name: '小明',

      text: "小明什么也没干"

    },

    {

      id: 2,

      name: '小花',

      text: '小花什么也不知道'

    },

    {

      id: 3,

      name: '小燕',

      text: '小燕今天想吃豆腐鱼汤'

    },

    {

      id: 4,

      name: '小雅',

      text: '今天也要美美哒'

    },

    {

      id: 5,

      name: '小茵',

      text: '我的衣服又不够穿了'

    },

  ]

  },

  showInfo: function (e) {

    // console.log(e);

    var id = e.currentTarget.id  // 获取id

    var name = ''

    var text = ''

    var tp = this.data.person  // this.person无法获取到data的数据故加上data

    tp.forEach((item) => { // 遍历

      if (item.id == id) {

        // 获取person中的数据保存在变量中，方便页面传输数据

        name = item.name;  

        text = item.text

      }

    });

    wx.navigateTo({

      url: '/pages/chats-list/chat-list?id='+id+'&name='+name+'&text='+text,

    })

  },

})

index-two.wxml

<view class="all">

  <view class="info">

      <text id="name">{{name}}</text>

    </view>

  <view class="mes">

    <image class="img" src='/image/chat/headimg{{id}}.jpeg'></image>

    <view class="content"><text id="texts">{{content}}</text></view>

  </view>

</view>

index-two.js

Page({

  data: {

    name: null,

    content: null,

    id: 1,

    temp: []

  },

  onLoad: function (e) {

    var that = this

    console.log(e);

    that.setData({

      name: e.name,

      content: e.text,

      id: e.id

    })

  }

})