vue实现鼠标悬浮 显示全部内容

在做vue项目中 常常会遇到内容太长 显示不全 这就用到鼠标悬浮效果了

使用 (element-ui)

<el-tooltip :content="全部内容" placement="top-start" effect="dark" popper-class="atooltip"><span class="topt1">{{ 内容}}</span></el-tooltip>

effect=“dark” 在这可以修改背景颜色 "dark"是黑底白字 ， "light"是白底黑字