通过js给文本+省略号

废话不多说直接上代码

<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;

          }

      }

    })