微信小程序 发表信息--页面通信

1. 文件目录

2. demo页面

<view>
  <view wx:for="{{msg}}" wx:key='*this'> {{ item }}  </view>
  <button type='primary' bindtap='handleTap'> 发表信息 </button>
</view>

// pages/demo/demo.js
Page({
  data: {
      msg:[' 微信小程序 ']
  },
  handleTap(){
    wx.navigateTo({
      url: '/pages/edit/edit',
    })
  }
})

3. edit 页面

<form bindsubmit="submit">
  <textarea name="text" id="" cols="30" rows="10" placeholder="请输入内容"></textarea>
  <button form-type="submit"> 提交 </button>
</form>

// pages/edit/edit.js
Page({
  submit(res){
    // 获取表单数据
    const {  text } = res.detail.value;
    // 获取页面栈
    const pages = getCurrentPages();
    const page = pages[0]
    // 上一页面的msg数据
    const {msg} = page.data;
    // 将获取的表单数据push到msg里
    msg.push(text)
    // 修改状态
    page.setData({
      msg
    })
    // 返回上一页面
    wx.navigateBack({
    })
  }
})

4. 效果

提交form表单，数据显示在首页上