v-html使用过滤器限制内容展示长度

vue v-html标签使用过滤器

前端需要展示HTML格式内容，还要使用过滤器，限制内容展示长度

1. 创建过滤器

    filters: {
       //日期过滤
       formatDate(time) {
         if (time) {
           let date = new Date(time);
           return formatDate(date, 'yyyy-MM-dd hh:ss:mm');
         }
       },
       //当渲染的文字超出30字后显示省略号
       ellipsis(value) {
         if (!value) return "";
         if (value.length > 150) {
           return value.slice(0, 150) + "...";
         }
         return value;
       }
     }
   

2. 使用过滤器

    <p v-html="$options.filters.ellipsis(item.introduction)"></p>