在做vue項目中 常常會遇到內容太長 顯示不全 這就用到鼠標懸浮效果了

使用 (element-ui)

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

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

總結

以上是生活随笔為你收集整理的vue实现鼠标悬浮 显示全部内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。