vue+elementUI 鼠标滑过行数据提示tooltip该怎么做？

Question

我想在鼠标滑过行数据的时候，显示出这样的提示，改怎么加呢？ 鼠标在这一行都能显示提示。

Answer 1

eltable加个tooltip的属性，当文字显示不全就会有，具体名字你在table的配置搜一下tooltip就有哦

Answer 2

使用插槽来写

<el-table-column label="日期" width="180">
    <template slot-scope="scope">
     <el-tooltip :content="scope.row.date" placement="top-start">
          <span style="margin-left: 10px">{{ scope.row.date }}</span>
      </el-tooltip>
    </template>
</el-table-column>

Answer 3

        <el-table-column
          label="街道"
          show-overflow-tooltip>
       </el-table-column>

在列上加一行show-overflow-tooltip这个就可以了