利用vue中的 过滤器filter 根据字符串的长度控制显示的字数超出显示省略号

利用vue中的 过滤器filter

<span class="icon">{{item.hashName | ellipsis}}</span>

定义过滤器

export default {

  filters: {
    ellipsis (value) {
      if (!value) return ''
      if (value.length > 50) {
        return value.slice(0,50) + '...'
      }
      return value
    }
  }

效果：