如何用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)

    }

  },

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容