el-table-column 为什么加上slot属性就不显示这列了？

• Z时代
• 2024-03-02
• 分类：IT

刚开始写vue,循环的时候,columnInfo 里面传个slot字段，突然发现都不显示了，看说明也没有这个属性，不知道为啥

   <template v-for="(item, index) in columnInfo">
        <el-table-column
          v-bind="item"
        >
        </el-table-column>
      </template>

回答：

因为slot是vue的预留字段，v-slot="xxx"表示一个名称为xxx的插槽，会占据父组件xxx插槽的位置，而template没有预留xxx的插槽位置，所以不会渲染

回答：

<template v-for="(item, index) in cloumns">
    <el-table-column :key="index" :prop="item.prop" :label="item" width="180px;">
      <template slot-scope="scope">
        <span>scope.row.value</span>
      </template>
    </el-table-column>
  </template>

以上是 el-table-column 为什么加上slot属性就不显示这列了？ 的全部内容， 来源链接： utcz.com/p/933315.html