Span中显示内容过长显示省略号---SpringCloud Alibaba_若依微服务框架改造_前端基于Vue的ElementUI---工作笔记011

<span class="icon">

{{item.userAddress | ellipsis}}

</span>

 

去定义一个vue中的过滤器

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

这样就可以了.

 

技术交流QQ群【JAVA,C++,Python,.NET,BigData,AI】：170933152
开通了个人技术微信公众号:credream,有需要的朋友可以添加相互学习