利用vue中的 过滤器filter 

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

定义过滤器

export default {
  name: 'xx',
  filters: {
    ellipsis (value) {
      if (!value) return ''
      if (value.length > 8) {
        return value.slice(0,8) + '...'
      }
      return value
    }
  }
}

效果:

传统节日里的氛围...

 

Logo

前往低代码交流专区

更多推荐