vue超出(规定字数)文本用省略号代替

加个fliters拦截器

---

html代码部分：加 {{item.title| ellipsis}}

 <div class="main_news_list d-flex flex-column my-3 px-3">
        <router-link
          to="`/news/${item._id}`"
          tag="div"
          class="py-1"
          v-for="item in items"
          :key="item._id"
        > {{item.title| ellipsis}}</router-link>

js代码部分

filters: {
    //超过20位显示 ...
    ellipsis: function(value) {
      if (!value) return "";
      if (value.length > 20) {
        return value.slice(0, 20) + "...";
      }
      return value;
    }
  },