鼠标悬浮 显示全部内容 文字溢出显示...

  效果    

先给字段写一个提示框tooltip，表示鼠标移过时显示气泡。

        <div class="td">
                <a-tooltip>
                             //鼠标悬浮显示的内容  字段 name 
                          <template slot="title">
                                {{ name ? name : '-' }}
                          </template>
                       //显示的字段  
                      {{ name ? name : '-' }}
                </a-tooltip>
         </div>

 设置样式

<style lang="less">
   .td{
        //超长显示...
        text-overflow:ellipsis
        white-space: nowrap;
        overflow: hidden;
    }
</style>