Spring Boot Vue Element入门实战 十四、前后台整合增删改查

本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766

新建学生页面，我们来整合前后台增删改查接口

 

（一）添加

 

//点击添加按钮，currentLoginType != 'student是权限拦截
<el-form-item v-if="currentLoginType != 'student'">
  <el-button type="primary" @click="handleAdd" icon="el-icon-circle-plus-outline">添加</el-button>
</el-form-item>

//点击添加按钮
let handleAdd = function () {
  //清空添加form
  this.addUserForm= {}
  //弹出添加框
  this.formVisibleAdd = true
}

 

//点击确定提交按钮
<div slot="footer" class="d