剧名插槽Cannot read properties of undefined (reading ‘row‘)

问题是在用element ui的table组件时后发现的，因为要获取索引所以表格数据用的插槽

<el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      label="日期"
      width="180">
      <template slot-scope="scope">
        <i class="el-icon-time"></i>
        <span style="margin-left: 10px">{
         
  { scope.row.date }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="姓名"
      width="180">
      <template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          <p>姓名: {
         
  { scope.row.name }}</p>
          <p>住址: {
         
  { scope.row.address }}</p>
          <div slot="reference" class="name-wrapper">
            <el-tag size="medium">{
         
  { scope.row.name }}</el-tag>
          </div>
        </el-popover>
      </template>
    </el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>

data() {
      return {
        tableData: [{
          date: 2016-05-02,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1518 弄
        }, {
          date: 2016-05-04,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1517 弄
        }, {
          date: 2016-05-01,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1519 弄
        }, {
          date: 2016-05-03,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1516 弄
        }]
      }

主要是这句

<template slot-scope="scope">

是个插槽

在html里和我之前的vue项目中都可以

正常来说 scope.row 就是该行的数组里元素对象了，即为一组对象而

但是这次不知道为什么控制台报找不到row

修改为

<template v-slot="scope">

正常