todolist 筛选 搜索

todolist

**增删改查 时间戳 **

<template>
  <div>
    <input type="text" v-model.trim="inputvalue" />
    <button @click="add">提交</button>
    <h3>正在进行({
  {noLength}})</h3>
    <ul>
      <li v-for="(item,index) in list" :key="index" v-show="item.isSuc==false">
        <!-- ----------------------复选框--------------------------------------------- -->
        <input type="checkbox" @click.prevent="setState(item,true)" />
<!-- ------------------------提交的内容--------------------------- -->
        <span v-if="updateIndex !=index" class="item-title" @dblclick="edit(item,index)">{
  {item.title}}</span>
<!-- --------------------------修改------------------------------- -->
        <input
          type="text"
           v-model="item.title"
          v-if="updateIndex ==index"
          @keydown.enter="updateSave"
          @blur="updateSave"
          @keydown.esc="back(item)"
        />
        <!-- --------------删除---------------------- -->
        <button @click="del(index)">