element中利用tooltip实现文字超出框悬浮显示

之前遇到过这个需求,所以就把自己的成果和大家分享下成果^ ^

我是利用了element-ui里面的tooltip组件进行一个二次封装,大家可以直接粘贴复制查看效果。。。话不多说,直接上代码






调用组件代码

<text-tooltip
   :content="ruleForm.supplierName"
   class="wid190"
   refName="supplierName"
></text-tooltip>

给大家把效果图贴出来
在这里插入图片描述

你可能感兴趣的:(vue,javascript,css3,vue.js,前端)