ElementUI实现增删改功能以及表单验证

目录

前言

BookList.vue

action.js

展示效果

---

前言

本篇还是在之前的基础上，继续完善功能。上一篇完成了数据表格的查询，这一篇完善增删改，以及表单验证。

BookList.vue

action.js

/**
 * 对后台请求的地址的封装，URL格式如下：
 * 模块名_实体名_操作
 */
export default {
	'SERVER': 'http://localhost:8080', //服务器
	'SYSTEM_USER_DOLOGIN': '/user/userLogin', //登陆
	'SYSTEM_USER_DOREG': '/user/userRegister', //注册
  'SYSTEM_MENUS': '/module/queryRootNode', //左侧菜单树
  'BOOK_LIST': '/book/queryBookPager', //数据表格
  'BOOK_ADD': '/book/addBook', //数据增加
  'BOOK_UPD': '/book/editBook', //数据修改
  'BOOK_DEL': '/book/delBook', //数据删除
	'getFullPath': k => { //获得请求的完整地址，用于mockjs测试时使用
		return this.SERVER + this[k];
	}
}

展示效果