tooltip自定义title 文字过长悬停提示

<template>
     <a-tooltip>

         // 自定义title，悬停显示的内容
          <template slot="title">
              <p>自定义标题</p>

              {{ text }}
          </template>

         // 文字过长隐藏
           <div style="width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                {{ text }}
            </div>
     </a-tooltip>
</template>