如何用Avue实现分转元
2022-02-17 本文已影响0人
hicfly
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)
}
},
这样就可以在前端实现分转元啦~