element UI 中 el-table formatter scope template 同时存在的问题

formatter 

正常使用 formatter 

// 格式化表格内容
stateFormat(row, column, cellValue, index, value) {
  if (!cellValue) return "";
  if (cellValue.length > value) {
    return cellValue.slice(0, value) + "...";
  }
  return cellValue;
},

scope

使用 scope 后 formatter 就失效了


    

解决办法


    

使用 intFormatter 方法进行格式化处理

intFormatter(content) {
  if (!content) return "";
  if (content.length > 50) {
    return content.slice(0, 50) + "...";
  }
  return content;
},

你可能感兴趣的:(Vue,Vant,Web,FrontEnd,vue.js,elementui,前端,table,formatter,scope,template)