vue filters 反复执行,频繁输出

    <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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值