useOverflowDetection 溢出检测
通过 ResizeObserver 监听元素尺寸变化,检测内容是否超出容器宽度。FxEllipsis 组件即基于此 hook。
参数
ts
const { isOverflow } = useOverflowDetection(elRef: Ref<HTMLElement | null>)返回值
| 属性 | 类型 | 说明 |
|---|---|---|
isOverflow | Ref<boolean> | 内容是否溢出容器宽度 |
示例
溢出检测演示
窄容器溢出:false
短文本
宽容器溢出:false
