element table数组数据分行显示（在table里面添加按钮）（table插槽的使用）

需求：

从后台请求到的数据是一个数组，数组里面有一个属性也是数组。（比如请求课程数据，课程数据是一个数组，课程里学生信息也是一个数组）想让属性的数组在table里分行显示。

展示：

之前：

成品：

 代码：

只需要在 el-table-column 使用 插槽 遍历数组就行了（div是块级元素，每一个div不会在一行里面显示）

想要拿到表格的数据 需要通过 scope.row.属性名 就能拿到（也可以拿到这一行其他属性的数据，只需要修改属性名就可以了）

<el-table-column
          prop="rkjsgh"
          label="任课教师"
          header-align="center"
          align="center"
          width="250">

          <template slot-scope="scope">
            <div v-for="s in scope.row.rkjsgh" :key="s">
              {{ s }}
            </div>
          </template>

</el-table-column>

PS:

想要在表格里加按钮，同样用 插槽 ，通过拿到这一行的数据，在方法里面写点击事件（最常用的应该是弹窗）

<el-table-column
          label="会议信息"
          fixed="right"
          header-align="center"
          align="center">

          <template slot-scope="scope">
            <el-button
              type="text"
              size="medium"
              @click="meetingSeacher(scope.row.jxbdm)"
              >{{ 查询 }}</el-button
            >
          </template>

</el-table-column>

包括图片什么的，都可以用插槽，很方便，重要是它可以拿到这一行的数据，根据拿到的数据进行操作。