小程序样例1：简单待办列表

小田田_XOW

已于 2024-01-28 00:59:39 修改

阅读量1.2k

点赞数 13

CC 4.0 BY-SA版权

分类专栏：小程序开发文章标签：小程序 apache

于 2024-01-16 20:05:26 首次发布

本文链接：https://blog.csdn.net/u200814342A/article/details/135633860

基本功能：

显示所有待办列表（点击不同的文本进行显示）

没完成的待办

已完成的待办

新建待办test

清除待办foo

代码js文件：

//index.js
//获取应用实例
const app = getApp();
Page({
  data: {
    todo: '',
    todos: [
      {
        "id": 1474894720002,
        "todo": "foo",
        "completed": false
      },
      {
        "id": 1474894720922,
        "todo": "bar",
        "completed": true
      },
      {
        "id": 1474894723594,
        "todo": "baz",
        "completed": false
      }
    ],
    filterTodos: [],
    filter: 'all',
    activeCount: 0,
  },
  bindTodoInput(e) {
    this.setDat