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

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

   <template v-for="(item, index) in columnInfo">
        <el-table-column
          v-bind="item"
        >
        </el-table-column>
      </template>
阅读 2.5k
2 个回答

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

图片.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题