VUE + ElementUi 表格实现单元格内容显示固定字数且超出省略号显示

 在项目中我可能会遇到表格单元格内容过多的问题，那么如何将该列单元格格式化，只让它显示几个字呢？ 就像这样。。

我们可以给当前单元格设置 :formatter 属性， 

用来格式化内容

Function(row, column, cellValue, index)

<el-table-column prop="messageContent" label="发布内容" width="300" :formatter="stateFormat"></el-table-column>

在methods中 写该方法：

    // 格式化表格消息内容
    stateFormat(row, column, cellValue) {
      // console.log(row , column , cellValue)
      if (!cellValue) return "";
      if (cellValue.length > 4) {
        //最长固定显示4个字符
        return cellValue.slice(0, 4) + "...";
      }
      return cellValue;
    },