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

原创于 2023-07-17 14:29:19 发布 · 532 阅读

CC 4.0 BY-SA版权

文章标签：

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

<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>

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

1 条评论