vue怎么实现后台数据渲染到页面
<el-table ref="multipleTable" :data="TableData" border stripe tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="examinId" label="考试" show-overflow-tooltip width="280"></el-table-column>
<el-table-column prop="orgId" label="学院" show-overflow-tooltip width="190"></el-table-column>
<el-table-column prop="speId" label="专业" show-overflow-tooltip></el-table-column>
<el-table-column prop="classId" label="班级" show-overflow-tooltip width="110"></el-table-column>
<el-table-column prop="courseId" label="专业科目" show-overflow-tooltip width="150"></el-table-column>
<el-table-column prop="status" label="状态" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" show-overflow-tooltip width="130"></el-table-column>
</el-table>
---------分割线---------
上面这是后台写好的接口
---------分割线---------
import examsubject from "@/service/auth/ExaminationManagement/examinationSubject";
import moment from 'moment';
--------分割线----------
这是导入后台的路由
--------分割线----------
// 输出已选择的table数据
handleSelectionChange(val) {
this.multipleSelection = val;
},
//展示当前显示条数
handleSizeChange(val) {
this.size = val;
examsubject.findAll({size:this.size},(data) => {
this.TableData = data.data;
})
},
//展示当前显示的页数
handleCurrentChange(val) {
this.page = val;
examsubject.findAll({size:this.size,page:this.page},(data) => {
this.TableData = data.data;
this.total = data.total;
})
},
//模态框没有做任何操作就关闭时刷新table
handleClose(){
this.handleCurrentChange();
this.dialogVisible = false;
},
loadData(){
examsubject.findAll((data) => {
console.log(data)
this.TableData = data.data;
this.total = data.total;
})
},
----------分割线-----------
这是实行find All方法
-----------分割线----------
但是后台的数量已经娶到了,唯独没有显示数据记录,就几个数据的表格,怎么才可以将后台的数据渲染进来?