本文共 397 字，大约阅读时间需要 1 分钟。

最近遇到一个这样的需求：超出几个字长度的话，就省略绝大部分内容并且加一个省略号。

过滤器写法

Vue.filter('formatLength', value => {
       return value.length > 9 ? value.slice(0, 9) + '...' : value})

很简单，如果字符串的长度超过9，那么就会截取前九位并加三个点；如果说压根没超过9，那就作罢，直接返回原字串。

ElementUI写法

为了可以使用这个过滤器，这里要加一个<template>标签自定义显示内容，然后把管道加上去就ok了。

结果

转载地址：http://yeozi.baihongyu.com/