vue+elementUI当渲染文本超出一定字数时显示省略号

如图,当渲染的文字超出30字后显示省略号

1.设置过滤器

filters: {
    ellipsis(value) {
      if (!value) return "";
      if (value.length > 30) {
        return value.slice(0, 30) + "...";
      }
      return value;
    }
  },

2.使用过滤器

3.ok了