el-table对于超出长度限制的文本的处理(vue-cli)_el table column 长度

1.使用省略号：

<el-table-column
        prop="url"
        label="说明书下载地址"
        width='200'
        :show-overflow-tooltip='true'>
 
</el-table-column>

2.超过字符数限制使用省略号：

设置过滤器

filters: {
    ellipsis(value) {
      if (!value) return "";
      if (value.length > 30) {
        return value.slice(0, 30) + "...";
      }
      return value;
    }
  },

对应template(使用过滤器):

<el-table-column label="题干" width="600">
        <template slot-scope="scope">
          <span>{{scope.row.content | ellipsis}}</span>
        </template>
      </el-table-column>