<el-table-column
label="支付金额"
width="100">
<template slot-scope="scope">{{ scope.row.amount|formatMoney }}</template>
</el-table-column>
filters: {
formatMoney(val) {
if (Number(val) !== 0) {
val = val.toFixed(2)
console.log(val, 'newVal---')
}
return '¥' + val
}
},
初始化进入页面,只有两个数据,filters却触发了12次
随着每一点页面的缩放,都会触发filters,比如我把页面拉宽再缩窄,filters触发了900多次
因为filter不会缓存值,在每一次页面重新渲染的时候,都会执行一次
参见 https://segmentfault.com/q/1010000020662649