el-tooltip组件二次封装,超出宽度再展示
文字超出宽度,省略号展示,hover文字,用el-tooltip展示全部。
文字未超出,el-tooltip不展示。
注意disabled属性。
{{text}}
.ellipsis {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
【el-tooltip组件二次封装,超出宽度再展示】使用:
推荐阅读
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 二十五、狗(外戚)咬狗(宦官)与第二次党锢
- 动态组件与v-once指令
- 超级行动力第二次作业-行动大于学习的秘密
- 濮阳市第十中学召开第三届第二次教职工代表大会
- vue组件中为何data必须是一个函数()
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- 积极探索|积极探索 绽放生命 ???——心心相印计划:青少年心理工作研讨小组全国大型公益行动第二次活动包头市青山区分校圆满成功