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

开通了个人技术微信公众号,有需要的朋友可以添加相互学习