element-ui表格数据过滤

2019-10-17  本文已影响0人  顺小星

需求:在没有数据的时候,或者后台请求数据为null时,会直接不显示、影响用户体验如下图:

image.png

解决办法,在行中设置formatter过滤器:

在要过滤的行的数据上,加上这一行:

:formatter="fmtNull"
image.png

在方法中定义:

fmtNull(row, column, cellValue, index){
      if(cellValue===null){
        cellValue="暂无数据"
      }
     return  cellValue 
    },
image.png

大功告成,效果见下:

image.png
上一篇下一篇

猜你喜欢

热点阅读