对表的数据进行过滤，但是过滤器拿不到值？

Question

对表的数据进行过滤，但是过滤器拿不到值该数据为后面渲染出来的，不是一开始就加载到页面的<el-table-column align="center" prop="ballotMoney" label="金额">     {{props.row.money | NumberFilter}} </el-table-column>Vue.filter('NumberFilter', function (value) {     console.log('之前' + value);     if (!value) return ' '     var intPart = Number(value).toFixed(0) // 获取整数部分     var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断     //console.log('之后' + intPartFormat);     return intPartFormat     }value值拿不到，过滤器没有效果

Answer 1

楼上的答案是可以解决的，我这里贴上我自己的解决方法。

<el-table-column
                header-align="center"
                align="right"
                prop="ballotMoney"
                label="中签金额"
                min-width="180px"
                :formatter="formatterNum"  //通过formatter属性
              ></el-table-column>

在methods里写这个

// 格式化金额的封装函数
    formatterNum(row, column, value) {
      if (!value) return "0.00";
      return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
    }

然后就好啦