跳至主要內容
文字超长显示省略号和 ToolTip

文字超长显示省略号和 ToolTip

日常开发过程中避免不了需要显示一些内容,但是内容超长了需要显示...,鼠标悬停需要显示完整内容,原生的title属性虽然可以做到上述的需求,但是完整内容无法复制,也不适用于隐藏的内容是非纯文本的情况,一般 UI 组件都会提供 ToolTip 的组件,我们就可以利用这个组件控制鼠标悬停显示完整内容。下面记录下实际开发过程中使用 Element UI 或者 Ant Design Vue 实现该需求过程。


Bing🐣大约 5 分钟VueElement UIAnt Design VueVueElement UIAnt Design VueToolTip
解决 Element UI Dialog 弹窗鼠标在遮罩层松开后导致弹窗关闭问题

解决 Element UI Dialog 弹窗鼠标在遮罩层松开后导致弹窗关闭问题

在 Dialog 弹窗中鼠标左键按住后移动到弹窗的遮罩层松开后弹窗会被关闭,很怪异的一个问题,经常碰到复制弹窗文字的时候鼠标不小心移动到了遮罩层后弹窗莫名其妙的就被关闭了。
网上找了个类似的issues,如下图所示:


Bing🐣大约 1 分钟Element UIVueWebVueDialog弹窗
lb-element-table 基于 Element UI Tabel 封装的表格组件

lb-element-table 基于 Element UI Tabel 封装的表格组件

由于项目中频繁用到表格组件,所以自己基于 Element Table 进行二次封装的一个 Table 组件,
方便日常使用,无缝支持 Element Table 的所有功能参数及事件,欢迎体验!


Bing🐣小于 1 分钟Element UIVueWebVueTable表格
Element UI DatePicker 日期范围选择动态设置禁选日期

Element UI DatePicker 日期范围选择动态设置禁选日期

之前看到群里又小伙伴提出了一个DatePicker日期范围组件的一个问题
用图描述大概就是选择开始日期 13 号后,只能选择 13 号前一周和后一周的日期,其他日期处于禁止选择状态。


Bing🐣大约 1 分钟Element UIVueWebVueDatePicker日期选择