H5答题功能遇到问题总结

在一页上答题显示，一道题答完之后点击提交显示正确答案以及解析，再点提交开始下一题。

1.如何继续跳到下一题

i 赋值为1，因为我接口返回的数据，题是从1开始的。test_list就是我的返回列表
2.点击选项即可边框异常显示

{{options[index-1]}}

在下面写区分的css样式。重点是：:class="current_idx===index?'selected':'ans_list'" @click="select(index)"
下面select方法中将current_idx===index进行赋值。

3.返回列表中只有选项，没有选项前面的ABCD，那么如何对应添加

{{options[index-1]}}

 options: ['A', 'B', 'C', 'D', 'E', 'F'],

写一个数组根据传过来的index添加，但是我的index是从第二个开始的，所以我自动-1
4.第一章节是三道题，我如何判断i不能超过总长度？
i不能超过返回字典的长度，如何判断字段长度：Object.keys(this.test_list).length， 在提交sunmit方法里面添加

5.第一题开始到下一题的最上面颜色的变化状态？

将点击选项放进一个数组，然后给这个数组进行赋值状态，0,1，2,3，为状态，

{{index+1}}{{index+1}}{{index+1}}{{index+1}}

  select_list:[],

   for(var k=0;k

if(is_right===1){self.select_list[self.i-1].status=1;}else if(is_right===0){self.select_list[self.i-1].status=2;}self.select_list[self.i-1].selected=1;

{{options[index-1]}}{{options[index-1]}}

 for(var j=0;j

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！