element UI表格中设置文字提示（tooltip）或弹出框（popover）

写在前面

在表格中自定义内容的时候需要使用<template>标签，否则无法正常显示

1、文字提示

用具名 slot 分发content，替代tooltip中的content属性。

也就是说content属性是一行，而且不支持自定义，可以使用具名slot来给文字提示设置内容

<el-table-column prop="name" label="姓名" width="180">
    <template slot-scope="scope">
        <el-tooltip placement="top">
            <div slot="content">这里可以随意设置你需要的数据或组件</div>
         </el-tooltip>
    </template>
</el-table-column>

2、弹出框

文档中有两种写法：1、使用 slot="reference" 的具名插槽，2、使用自定义指令v-popover指向 Popover 的索引ref。

这里使用的第一种，ref我太清楚所以没用。

<el-table-column prop="date" label="日期" width="180">
        <template slot-scope="scope">
          <el-popover
            placement="bottom"
            title="标题"
            width="200"
            trigger="click"  
            content="你自己定义的内容"
          >
            <p slot="reference">这里可以随意设置你需要的数据或组件</p>
          </el-popover>
        </template>
</el-table-column>