elementUI--表格使用slot-scope报错

vue3.0引入elementUI报错：

111.png

子组件错误代码：

    <el-table-column
    align="center"
    v-for="item in tableLabel"
    :key="item.prop"
    :label="item.label"
    show-overflow-tooltip
  >
    <template slot-scope="scope">
      <span style="margin-left: 10px">{{ scope.row[item.prop] }}</span>
    </template>
  </el-table-column>
</el-table>
  • 这里slot-scope标红，并报错row is undefined

正确代码：使用v-slot

     <el-table-column
    align="center"
    v-for="item in tableLabel"
    :key="item.prop"
    :label="item.label"
    show-overflow-tooltip
  >
    <template v-slot="scope">
      <span style="margin-left: 10px">{{ scope.row[item.prop] }}</span>
    </template>
  </el-table-column>
</el-table>
  ps: 根据数据动态生成表格--》在elementUI专题文集里
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容