近期做了一個vue項目需要兼容ie瀏覽器，然后有個兼容點是ie上也要兼容，我先是百度了一番結(jié)果顯示ie上兼容方法很多都提供的是半透明狀態(tài)處理后再加省略號（如下圖），感覺奇奇怪怪

image.png

后面想到了可以使用過濾器方法進行處理于是乎，就完美解決了。
代碼如下：
html

<div> 
       {{'這些是我們需要省略的地方文字之類的文本數(shù)據(jù)' | ellipsis(21)}}
</div> 

js

filters: {
 /**
     * 兼容ie的多行超出顯示省略號
     * value:需要截取的字符串
     * num:需要截取的長度
     */
    ellipsis(value, num) { 
      if (value.length > num) {
        return value.substring(0, num) + "...";
      } else {
        return value;
      }
    },
  },