根据数字位数动态更换背景图片

这是效果图。

写完静态页面时还没发现问题。等到接入真实数据发现问题了。从年初到年末，数字是从个位开始逐渐增多的。。。。。。

与业务沟通后，需要根据返回数据的位数更换背景图片
 

以此类推。。。。

声明数组，里面写的是class类名，我为了方便就用了one，two，three。。。。

这个声明是获取数据位数的

在接口中获取数据的位数  （1,2,3,4.......）

在vue中写动态calss

是从网上找了大佬的贴，自己稍微修改了一下。需求完成！
大佬原贴：vue学习日记-在接口中返回的数据是一个数字，如何根据这个数字选择相对应的图片给它（举一反三）_vue 图片根据下标接口返回来的数值切换相对应的图片-CSDN博客