关于溢出隐藏问题小记

方法1：
直接使用css样式，但是IE不兼容。

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

 

方法2：

直接使用vue过滤器

<span class="icon">{{item.hashName | ellipsis}}</span>

 

  // 定制过滤器超过50个字就自动隐藏...显示

  filters: {

    ellipsis(value) {

      if (!value) return "";

      if (value.length > 55) {

        return value.slice(0, 55) + "...";

      }

      return value;

    }

  },