Vue+ElementUI table表格 + 分页

最新推荐文章于 2024-10-23 10:58:19 发布

Making_Bug

最新推荐文章于 2024-10-23 10:58:19 发布

阅读量791

点赞数 1

文章标签： element table 分页

本文链接：https://blog.youkuaiyun.com/Making_Bug/article/details/97391732

版权

本文介绍了在Vue+ElementUI项目中使用表格和分页功能时可能遇到的问题，包括页面刷新后分页设置丢失的情况。通过利用sessionStorage来保存用户设置，可以解决页面刷新后回到初始分页状态的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE+ElementUI中常用的table表格

常见问题

1.table表格显示的数据该怎么写
	
	如图所示：

在这里插入图片描述

<el-table
      v-loading="listLoading"
      :data="UserList.data"    //data就是显示的表格数据，
      stripe
      border
      fit
      highlight-current-row
      style="width: 100%;"
      @sort-change="sortChange">
      <el-table-column :label="$t('table.id')" type="index" align="center" min-width="65">
      </el-table-column>
      <el-table-column :label="$t('table.userName')" align="center" min-width="150">
        <template slot-scope="scope">
          <span>{
  { scope.row.name }}</span