vue3 el-table序号
时间: 2023-12-27 16:23:47 浏览: 198
vue +el + Sortable table列拖拽排序
在Vue3的el-table中展示序号可以使用`index`属性。具体方法如下:
```html
<template>
<el-table :data="tableData">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
]
}
}
}
</script>
```
在el-table-column中设置`type="index"`即可展示序号,同时可以设置`label`属性来自定义序号列的表头名称。
阅读全文