微信小程序开发：添加任务信息并展示

本文将指导您如何在微信小程序页面中添加一个任务信息表单，并使用代码将填写的任务信息存储并展示出来。

1. 添加任务表单

首先，在页面的wxml文件中添加一个表单，用于填写任务信息：

<form bindsubmit='addTask'>
  <input type='text' name='title' placeholder='任务标题'/>
  <textarea name='content' placeholder='任务内容'></textarea>
  <button type='submit'>添加任务</button>
</form>

2. 提交表单并添加任务

在页面的js文件中，定义一个addTask函数，用于提交表单并添加任务信息：

Page({
  data: {
    tasks: [] // 任务列表
  },
  addTask: function(event) {
    // 获取表单数据
    var title = event.detail.value.title;
    var content = event.detail.value.content;
    // 创建新任务对象
    var newTask = {title: title, content: content};
    // 更新任务列表
    var tasks = this.data.tasks;
    tasks.push(newTask);
    this.setData({tasks: tasks});
  }
})

3. 展示任务列表

最后，在页面的wxml文件中，使用wx:for指令展示任务列表：

<view wx:for='{{tasks}}'>
  <text>{{item.title}}</text>
  <text>{{item.content}}</text>
</view>

通过以上步骤，您就可以在微信小程序中成功添加一个任务信息表单，并将其存储和展示。