猿问

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

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

该数据为后面渲染出来的,不是一开始就加载到页面的

<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值拿不到,过滤器没有效果


汪汪一只猫
浏览 541回答 2
2回答

12345678_0001

楼上的答案是可以解决的,我这里贴上我自己的解决方法。<el-table-column &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;header-align="center" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;align="right" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;prop="ballotMoney" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label="中签金额" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;min-width="180px" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:formatter="formatterNum"&nbsp;&nbsp;//通过formatter属性 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></el-table-column>在methods里写这个//&nbsp;格式化金额的封装函数 &nbsp;&nbsp;&nbsp;&nbsp;formatterNum(row,&nbsp;column,&nbsp;value)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!value)&nbsp;return&nbsp;"0.00"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g,&nbsp;"$1,"); &nbsp;&nbsp;&nbsp;&nbsp;}然后就好啦
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答