实习项目总结-vue搭建后台管理系统

最新推荐文章于 2024-08-11 18:51:05 发布

gloria_chenjing

最新推荐文章于 2024-08-11 18:51:05 发布

阅读量1.4k

点赞数 1

分类专栏：暑期实习文章标签：前端

本文链接：https://blog.csdn.net/gloria_chenjing/article/details/81458668

版权

1、后台传入大赛标题接口，前端用axios请求接口并显示，带有参数的请求，请求到的主要有大赛标题和大赛id，用el-select el-opotion进行显示，使用v-for时注意key标识不能丢。

<el-select v-model="value" plcaholder="请选择" @visible-change="getInvestInfo">
    <el-option
            v-for="(table,index) in tables"
            :key="index"
            :label="table.title"
            :value="table.contest_id" >
    </el-option>
</el-select>

2、点击某个大赛名称，列表显示大赛信息，并且列表分页，后台接口有大赛id，当前页数，每页显示数量，请求到信息并显示，data中列表数据需要先定义，分页时，当前页数，每页显示数量均有触发事件，并作为变量进行传递

<div class="page">
    <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="pageNum"
            :page-sizes="[20,30,4