element ui 中，数组v-for渲染表格时，使用index作为prop的属性值时，index失效

原创于 2023-11-02 23:17:44 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #javascript #vue.js

文章讨论了在Vue中使用`el-table-column`时，v-for循环中的index变量默认是对象，导致不生效。解决方法是将index转换为字符串形式。

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

   <el-table-column
          v-for="(column, index) in equipTitleList"
          :key="index"
          align="center"
          width="150"
          show-overflow-tooltip
          :prop="index"
          >
这是不生效的写法，直接在页面中打印index可以打印出来

最后发现index要转一下数据类型，转成

   <el-table-column
          v-for="(column, index) in equipTitleList"
          :key="index"
          align="center"
          width="150"
          show-overflow-tooltip
          :prop="index+''"
          >

字符串就好了