国家开放大学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="