微信小程序之添加文章功能

1. 新建两个页面用来展示数据和添加数据
2. 在展示数据的页面写下代码

<view>列表</view>
<view wx:for="{{list}}" wx:key="*this">
{{item}}
</view>
<button bind:tap="write">写文章</button>

在js文件中添加 list 数组用来存放数据

  data: {
    list : []
  },

3. 用 from 表单来提交数据

<form bindsubmit="submitEvent">
  <textarea name="content" placeholder="请输入内容"></textarea>
  <button form-type="submit" >提交</button>
</form>

4. 在js文件中实现功能

  submitEvent(event){
  // console.log(event)
// 获取当前输入框的内容
  let value = event.detail.value.content;
  // 获取前一个页面
  // getCurrentPages()
  // console.log(getCurrentPages())
  let pages = getCurrentPages()
  // 获取前一个页面的list数组
  let lists = pages[0].data.list;
  // 将数据添加到新数组lists
  lists.push(value)
  // console.log(list)
  pages[0].setData({
    // 更新list
    list : lists,
    // value : list
  })
  // 返回上一个页面
  wx.navigateBack({})
  },