vue+ElementUI基本使用 数据的增删改查

使用vue+elementUI实现基本的增删改查

<template>
  <div class="container">
    <el-row :gutter="20">
      <el-col :span="8">
        <h3 style="margin-left:30px">{
  {isEdit?'第'+(index+1)+'条信息编辑':'信息添加'}}</h3>
        <el-form ref="studentForm" :model="studentForm" :rules="rules" label-width="80px">
          <el-form-item label="姓名" prop="name">
            <el-input v-model="studentForm.name"></el-input>
          </el-form-item>
          <el-form-item label="年龄" prop="age">
            <el-input v-model.number="studentForm.age"></el-input>
          </el-form-item>
          <el-form-item label="性别" prop="sex">
            <el-select v-model="studentForm.sex" placeholder="请选择性别">
              <el-option label="男" :value="1"></el-option>
              <el-option label="女" :value