直接上重点问题
element-ui的表格组件可以使用提示文字
![在这里插入图片描述](https://img-blog.csdnimg.cn/47ebbaf8851f460fa791a78e14f64131.png)
文字过长就会出现文字超出的情况
解决方案
这样就可以设置tooptip的样式了
如果是less则换成/deep/
::v-deep .el-table {
.el-popper {
max-width: 400px;
}
}
拓展:调试hover事件的方法
![在这里插入图片描述](https://img-blog.csdnimg.cn/556533dc40d94b3fa317119ed089de48.png)
针对某些ui组件的hover事件我们可以在*F12*中使用定时器来实现调试,代码如下
setTimeout(()=>{debugger},2000)
注意:两秒内将鼠标移动到hover事件上,就可以调试css了
觉得不错可以点赞,博主会多多回复的。