VUE + ElementUi 表格实现单元格内容显示固定字数且超出省略号显示_el-table 单元格有文字和按钮, 文字显示宽度限制显示...

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

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

<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;
    },