记一次el-table需要序号但type=index设置无效

事情是这样的，有两个表格，其中一个需要显示序号，一个不需要。所以在el-table-column里做一个判断显示隐藏即可。但是使用了v-if后，序号无法显示
el-table有一个便捷的属性

<el-table-column
width="80"
align="center"
type="index"
v-if="accountLevel.organizationLevel === 30"
label="序号" >
</el-table-column>

有v-if时候序号的索引会显示不出来，所以找了下答案，可以template去展示，以下为引用答案

<el-table max-height="290" :data="userTableData" border style="width: 100%">
<el-table-column label="序号">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="user_nickname" label="用户昵称">
</el-table-column>
<el-table-column prop="create_time" label="提交时间">
</el-table-column>
</el-table>

引用答案的地址： https://blog.csdn.net/qq_39759115/article/details/82287352

最后

以上就是繁荣诺言为你收集整理的记一次el-table需要序号但type=index设置无效的全部内容，希望文章能够帮你解决记一次el-table需要序号但type=index设置无效所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。