Day05-讲师列表前端-讲师列表显示

//data表示把对象抓换成json进行传递到接口里面

data:teacherQuery

})

}

}

第四步、在讲师列表页面list.vue页面调用定义的接口方法，得到接口返回数据

---

讲师列表

第五步 把请求接口获取的数据在页面进行显示。使用组件element-ui实现

---

在list.vue插入代码

<el-table

v-loading=“listLoading”

:data=“list”

element-loading-text=“数据加载中”

border

fit

highlight-current-row>

<el-table-column

label=“序号”

width=“70”

align=“center”>

{{ (page - 1) * limit + scope.$index + 1 }}

{{ scope.row.level===1?‘高级讲师’:‘首席讲师’ }}

修改

<el-button type=“danger” size=“mini” icon=“el-icon-delete” @click=“removeDataById(scope.row.id)”>删除