swiper动态渲染视图，解决答题问题

最近做项目碰到这样一个需求，当当前题目没答的时候，不能进入下一题，而我用的组件是swiper，swiper没有类似阻止滑动的属性，于是只能自己想了.......问题的解决思路就是动态渲染题目，并且过滤掉第一道题，当第一道题答完才渲染第二道题，以此类推，直至渲染全部题目，我们可以采用vue的计算属性，动态渲染题目

  computed: {
    answeredSubject() {
      // 根据答案列表过滤出已答题目，从第二道题开始，跳过第一道题
      return this.subject.filter((item, index) => index === 0 || !!this.answerlist[index - 1]);
    },
  },

完整代码如下