有个需求,是显示ABCD选项中,选择的人数,这是一个循环不够用,怎么处理呢?
使用item和index,上面使用item遍历一个数组,下面使用index遍历第二个数组,我的第二个数组是已经知道的,是固定的选项ABCD或者更多的选项
其中result ,是获取到的值,通过后台请求来的,在data中进行了定义
answerArr是答案的数组,在data中定义的
//最多8个选项
const Allanswers = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H']
//通过请求,获取最终的选项内容 。这里的ecieved.answerCount是后台返回的总选项的个数,截取了下,就是所使用的选项。这里可以不管,因为选项是根据自己需要来定。
this.answerArr = Allanswers.slice(0, recieved.answerCount)
<div class="result-detail" v-for="(item, index) in result" :key="index">
<div class="result-item">
<span>{{ answerArr[index] }}</span>
<span>{{ item }}人</span>
</div>
</div>
显示结果