vue中 <el-table-column>回显转成百分比【数字转为百分比】

一.方案1【不保留小数】

这里直接乘以100然后加入百分号既可

 

<el-table-column prop="refundRate15" label="15天退款率" width="64" >
  <template slot-scope="{ row }">{{ (row.refundRate15 * 100) }}%</template>
</el-table-column>

结果图

一.方案2【保留2位小数】

逻辑同上,只是加了toFixed来保留两位小数

<el-table-column prop="afnOrderDefectRate" label="平台配送订单缺陷率" width="180" sortable>
  <template slot-scope="{ row }">{{ (row.afnOrderDefectRate * 100).toFixed(2) }}%</template>
</el-table-column>

 

结果图

 

posted @ 2022-10-31 14:42  骚哥  阅读(1964)  评论(0编辑  收藏  举报