当使用element ul 对table表单，index对表单进行排序的时候解决方法

小川再努力

于 2023-07-17 14:29:19 发布

阅读量462

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端 elementui

本文链接：https://blog.csdn.net/chuan1314521/article/details/131765601

该段代码展示了在Vue.js应用中，如何使用<el-table-column>组件来创建一个带有索引的表格列。通过type=index设定列类型为索引，设置宽度和对齐方式，并利用scope模板插槽动态计算序号，结合分页(page)和每页显示数量(countPerPage)实现动态显示。

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

<el-table-column type="index" label="序号" width="50" align="center">

        <template slot-scope="scope">

            <span>{{ scope.$index + (page - 1) * countPerPage + 1 }}</span>

        </template>

</el-table-column>