• 通过过滤器 对金额进行格式化，注意这里是filters，不是filter，toFixed中的数字是保留的小数位数
export default {
	filters: {
    //取截单元,单位
		playvolume:function(arg){
			if(arg.toString().length>13){
				// return arg/1000000000000+"万亿"
				const volume= arg/1000000000000
				const realVal = parseFloat(volume).toFixed(2);
				return realVal+"万亿"
			}else if(arg.toString().length>9){
				const volume= arg/100000000
				const realVal = parseFloat(volume).toFixed(2);
				return realVal+"亿"
			}else if(arg.toString().length>4){
				const volume= arg/10000
				const realVal = parseFloat(volume).toFixed(2);
				return realVal+"万"
			}else if(arg.toString().length>3){
				const volume= arg/10000
				const realVal = parseFloat(volume).toFixed(2);
				return realVal+"千"
			}
			
		}
  },
  data() {
  }
}
  • 在页面上使用
<el-table-column label="上报金额" align="center" prop="reportAmount" >
        <template slot-scope="scope">
          <span>{{ scope.row.reportAmount | playvolume}}</span>
        </template>
      </el-table-column>
  • 显示效果

image