vue中过滤器实现文本内容超出显示

文本内容超出10个字符后显示省略号……

• 效果图

  

• filters代码

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

• 使用

  <li v-for="(item,index) in  classifyList" :key="index">{
        
        {
        
        item.name|ellipsis(10)}}</li>