vue+element-ui 实现todoList(增删改查)

<template>
  <div>
    <el-input
      placeholder="请输入内容"
      v-model="input"
      @change="submit"
      style="width: 200px; margin: 20px 0px"
    >
      <!-- <template #suffix>
        <div class="icon">
          <span class="el-icon-camera-solid"></span>
        </div>
        <div class="icon">
          <span :style="{ color: fontcolor }">{
   {
    input.length }}/10</span>
        </div>
      </template> -->
    </el-input>

    <el-table
      :data="list"
      style="width: 100%"
      :default-sort="{ prop: 'sort', order: 'descending' }"
    >
      <el-table-column
        label="排序"
        prop="sort"
        sortable
        :sort-method="handelSort"
      >
        <template slot-scope="scope">
          <el-input
            type="text"
            style="width: 50px"
            v-model="scope.row.sort"
            @change="changesort"
          ></el-input>
        </template>
      </el-table-