Vue和Element table组件控制展示的字数

324 阅读1分钟

有的时候后端返回来数据太多,不方便全部展示,需要进行控制字数,我们可以给当前单元格设置 :formatter 属性,

``` <el-table-column label="问题" align="center" prop="question" :formatter="stateFormat"/>


在methods中 写该方法:


```js
``` stateFormat(row,column,cellValue){
      // console.log(row,column,cellValue);
      if(!cellValue) return "";
      if(cellValue.length >12){
        return cellValue.slice(0,18) + "..."
      }
      return cellValue
    },