通过js给文本+省略号
2022-01-04 本文已影响0人
邹小小白
废话不多说直接上代码
<div ref="detailDom">
this.$nextTick(() => {
this.detailDom = this.$refs.detailDom
this.showDetailBtn = this.detailDom.clientHeight < this.detailDom.scrollHeight
console.log(this.detailDom.clientHeight)
console.log(this.detailDom.scrollHeight)
const text = this.deteil//文本
const el = this.$refs.detailDom
const h = el.offsetHeight
console.log(h)
console.log(el.scrollHeight)
for(let i = 0; i <= text.length; i++) {
el.innerHTML = text.substr(0, i);
if(h < el.scrollHeight) {
el.style.overflow = 'hidden';
el.innerHTML = text.substr(0, i-3) + '...'
break;
}
}
})
