uniapp在列表渲染中实现字符的截取和背景颜色的改变

1、实现字符串截取:

在列表渲染中将对象中代表字符那一串属性写在template中,这里是name。

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第1张图片

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第2张图片

substr方法,0表示从字符串下标0开始,2表示字符串下标2结束,不包括2,[0-2)所以是获取两个字符。

2、通过不同获取不同对象的下表改变该对象的背景颜色

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第3张图片

所以获取的是response的下标index

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第4张图片

在data域中定义color属性:

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第5张图片

默认样式为class=“boxhe”

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第6张图片

运行结果如下:

uniapp在列表渲染中实现字符的截取和背景颜色的改变_第7张图片

我们发现,每一个字符串前两位字符都会在正方形盒子中出现,且这个盒子的颜色顺序和刚才使用的color数组中的顺序一致。

你可能感兴趣的:(日常问题,uniapp,uni-app)