Vue 使用 Element UI表格组件 实现文本超出长度显示省略号，鼠标移上悬浮展示全部内容

<template>  
    <el-table  
      :data="tableData"  
      style="width: 100%"  
    >  
      <el-table-column  
        prop="date"  
        label="日期"  
        width="180"
        :show-overflow-tooltip="true"
      ></el-table-column>  
      <el-table-column  
        prop="name"  
        label="姓名"  
        width="180"
        :show-overflow-tooltip="true"
      ></el-table-column>  
      <el-table-column  
        prop="address"  
        label="地址"  
        width="180"  
        :show-overflow-tooltip="true"  
      ></el-table-column>  
    </el-table>  
  </template>  
    
  <script>  
  export default {  
    data() {  
      return {  
        tableData: [{  
          date: '2016-05-03',  
          name: '王小虎',  
          address: '上海市普陀区金沙江路 1518 弄'  
        }, {  
          date: '2016-05-02',  
          name: '王大虎',  
          address: '上海市普陀区金沙江路 1517 弄'  
        }, {  
          date: '2016-05-04',  
          name: '王小明',  
          address: '上海市普陀区金沙江路 1519 弄'  
        }, {  
          date: '2016-05-01',  
          name: '王小红',  
          address: '上海市普陀区金沙江路 1520 弄'  
        }]  
      }  
    }  
  }  
  </script>

 只需在表格添加:show-overflow-tooltip="true"属性即可