需要设置省略的字段加上方法(通过|做出来)
<p
     class="title"
    :title="scope.row.appVersion"
     >{{scope.row.appVersion | ellipsis}}</p>
书写过滤方法
filters: {
    // 版本号显示12位,超过12位显示...
    ellipsis: function(value) {
      if (!value) return "";
      if (value.length > 15) {
        return value.slice(0, 15) + "...";
      }
      return value;
    }
  },
同理filters不光可以做文字过滤,也可以写千分位等
filters: {
    // 千分位显示
    ellipsis: function(value) {
      // 数据取得之前,显示空字符串
      if (value === undefined) return '';
      // 获取整数部分
      var intPart = Number(value).toFixed(0);
      // 将整数部分逢三一断
      var intPartFormat = intPart
        .toString()
        .replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
      return intPartFormat;
    }
  },
Logo

前往低代码交流专区

更多推荐