如何用Avue实现分转元

1、在option中加入slot:true

{

    lable:'交易金额',

    prop:'trxAmount',

    display:true,

    slot:true

}

2、在vue中

<avue-crud

     ref="crud"

     :option="demoOption"

>

<template slot="trxAmount" slot-scope="scope">

         {{ scope.row.trxAmount| filterMoney }}

</template>

</avue-crud>

其中slot="trxAmount"的trxAmount要与option中的prop属性的字段一致

3、filters要放在props:{}语句上面

filters: {

    filterMoney (num) {

      return (num / 100).toFixed(2)

    }

  },

这样就可以在前端实现分转元啦~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值