vue判断文本有没有溢出
时间: 2023-11-08 22:14:25 浏览: 327
vue 判断元素内容是否超过宽度的方式
可以使用 `offsetWidth` 和 `scrollWidth` 属性来判断元素的文本是否溢出。
具体做法如下:
1. 获取需要判断的元素节点
```javascript
const el = document.getElementById('test')
```
2. 判断元素的 `scrollWidth` 是否大于 `offsetWidth`,如果大于则说明文本溢出了。
```javascript
if (el.scrollWidth > el.offsetWidth) {
console.log('文本溢出了')
} else {
console.log('文本没有溢出')
}
```
需要注意的是,如果元素使用了 `white-space: nowrap` 样式来禁止换行,则 `scrollWidth` 和 `offsetWidth` 的值相等,此时无法判断文本是否溢出。
阅读全文