项目里有个数据值是要做成上图这样的效果
- 首先把数据转换成需要的格式
let total = 78450626
let num = Math.floor(total / 1000000) // 先转换成百万为单位
num = num < 1 ? '000000' : num.toString().padStart(6, '0') // 如果小于1直接显示0,少于6位数前面的位数补0
num = [...num].map(Number) // 把数字分割成数组
this.sum = num
- 循环数组即可
<div v-for="item in sum" class="item">{{ item }}</div>