金额数字放入格式化表格？

Question

1、后端传来金额数字

price:'1111.00'  //金额不定

2、实现效果

3、自己的实现思路

把数字+￥做成数组再添加上（空字符）不足表格的项，循环显示在页面上

实现方式有点low，有没有好的实现方案

4、地址演示

http://jsrun.net/YbXKp/edit

Answer 1

字符串补空位可以用String的padStart方法。

var app = new Vue({
  el: '#app',
    data:{
        price:'2,111.33',
          pT:['十','千','百','亿','十','万','千','百','十','元','角','分']
    },
      computed: {
      newP() {
        return ('￥' + Number(this.price.replace(/,/gi, '')).toFixed(2).replace('.', '')).padStart(this.pT.length)
      }
    }
})

Answer 2

还是有bug，数据改成1111.0显示金额就不对了……觉得还是分割成小数和整数部分，小数长度两位，不够补0