Vue中根據字符串的長度控制顯示的字數超出顯示省略號

利用vue中的過濾器filter處理

<span>{{ details.description | handleText }}</span>

定義過濾器

    handleText(value) {
      if (!value) return ''
      if (value.length > 12) {
        return value.slice(0, 12) + '...'
      }
      return value
    }