![](https://csdnimg.cn/release/download_crawler_static/88496656/bg6.jpg)
tableData:[], //表格绑定的数据
multipleSelection:[], //多选时绑定的数据
currentPage:1,// 默认显示第几页
totalCount:1,// 总条数,根据接口获取数据长度(注意:这里不能为空)
pageSizes:[5,10,15,20,25,30],// 个数选择器(可修改)
pageCount:5,// 默认每页显示的条数(可修改)
formData:{ //"新增"表单数据的初始化
bookName:'',
bookAuthor:'',
bookDate:'',
bookPrice:''
},
updateData:{ //"修改"对话框中表单数据的初始化
update_bookName:'',
update_bookAuthor:'',
update_bookDate:'',
update_bookPrice:''
},
dialogVisible:false, //"修改"对话框是否可见
Title:"修改记录", //"修改"对话框的标题
/* --- 以下导入 Excel 文件对话框绑定的数据 --- */
ImportdialogVisible:false, //"导入"对话框是否可见
ImportTitle:'导入 Excel', //"导入"对话框的标题
limitNum: 1,//导入文件的个数
form: { //"导入"表单绑定 file,并初始化
file: ''
},
fileList: [],//"导入"文件列表
rules:{ //表单验证
bookName:[{ required:true,message:'名称不能为空',trigger:'blur'}],
bookAuthor:[{required:true,message:'作者不能为空',trigger:'blur'}],
bookDate:[{required:true,message:'发行日期不能为空',trigger:'blue'}],
bookPrice:[{required:true,message:'图书价格不能为空',trigger:'blue'}]
}
},
methods:{
getData(){ //初始化获取后台数据的函数
let self = this;
axios({
url:"http://localhost:8080/elementui/books",
method:"get",
params:{
"CurrentPage":self.currentPage,