vue字符串长度太多控制显示的字数

公司项目太迷人，tabs栏目多，使用公共组件遇到的一个问题，就是每一栏的个数不一样以及每一栏文字也不一样。

文字有长有短，我们裁剪也不可能把没超过的也裁了，最后网上找的这种方法太香了，使用过滤器把多余的文字用…，还有更好的办法吗

<text style="font-size: 24rpx;">{{item.cate_name | GuolvText}}text>

// 超出文字用过滤器裁剪filters:{GuolvText(value) {// if (!value) return ''if (value.length > 5) {return value.slice(3, 6) + '...'}return value}},