国家开放大学2024春《JavaScript程序设计》第四次任务（预备知识：第六章；分值：20分；必做；需辅导教师评分）[参考答案]_实训七：实现用户管理功能

国家开放大学2024春《JavaScript程序设计》第四次任务（预备知识：第六章；分值：20分；必做；需辅导教师评分）[参考答案]_实训七：实现用户管理功能
template> 
div class="common-table"> 
el-table :data="tableData" height="100%" stripe v-
loading="config.loading"> 
el-table> 
n class="pager" background 
layout="prev,pager,next" :total="config.total" :current-
page.sync="config.page" @current-change="changePage"> 
div> 
template> 
template> 
div class="common-table"> 
el-table> 
el-table-column label="n" style="width: 100px"> 
el-table-column> 
el-table> 
current-page.sync="config.page" synchronizes the page 
number of the parent component @current-change="changePage" 
triggers the event to change the page number and pass the data to 
the parent component--> 
n class="pager" background 
layout="prev,pager,next" :total="config.total" :current-
page.sync="config.page" @current-change="changePage"> 
div> 
template> 
script> 
export default { 
methods: { 
changePage(page) { 
code to change the page number 
script> 
XXX> 
template> 
div class="manage"> 
changePage="getList" 接收子组件传递过来的页数 --> 
Table :XXX="tableData" :XXX" :config="config" 
@changePage="getList"> 
div> 
template> 
script> 
export default { 
data() { 
return { 
XXX: []。
tableLabel: [ 
prop: 'birth'。
label: '出生日期'。
width: 200 
prop: 'addr'。
label: '地址'。
width: 300 
config: { 
page: 1。
pageSize: 10。
total: 0。
loading: false 
methods: { 
getList() { 
this.config.loading = true; 
this.$http.get('/api/user/getUser'。{ 
params: { 
page: this.config.page。
pageSize: this.config.pageSize 
then(res =。{ 
this.tableData = res.data.list.map(item =。{ 
item.sexLabel = item.sex === 0.'女' : '男'; 
return item 
this.config.total = res.data.count; 
this.config.loading = false; 
created() { 
this.getList() 
script>
.page" @current-change="changePage"> 
div> 
template> 
script> 
export default { 
methods: { 
changePage(page) { 
code to change the page number 
script> 
XXX> 
template> 
div class="manage"> 
changePage="getList" 接收子组件传递过来的页数 --> 
Table :XXX="