vue el-table 每个字段都加span

你可以通过自定义表格的 slot-scope 属性，使用`<template>`标签来自定义表格中的每一列。在`<template>`标签中，你可以使用 HTML 的`<span>`标签来实现添加`span`标签的效果。

以下是一个简单的例子：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="{ row }">
      <span>{{ row.name }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="age" label="年龄">
    <template slot-scope="{ row }">
      <span>{{ row.age }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="address" label="地址">
    <template slot-scope="{ row }">
      <span>{{ row.address }}</span>
    </template>
  </el-table-column>
</el-table>

在每个表格列的`<template>`标签中，我们使用了`slot-scope`属性来指定当前行的数据对象。然后，我们使用`<span>`标签包含了表格中每一列的数据。这样就能够在每一列的数据外面包裹上`<span>`标签。