项目BUG:
意思就是原本当任务被选中时,小豪的左上方会出现任务一的角标,但是此时选中时任务一的角标消失了。
分析:
任务一应该是一个标签,当满足任务一角标出现的条件时,任务一就出现,由需求分析得知,当任务和学生同时被选中时任务一就出现。
修改过程中遇到的问题:
1.当点击任务选中时,所有的任务一都出来了。
2.当切换任务时,任务角标不消失。
解决:
当点击任务选中时,所有的任务一都出来了的解决:
所有的任务都出来说明限制条件不够完善,限制的等级不够,应该追加限制条件,或者查看条件的作用域范围是否过大!
分析代码得知,
此时的isTrue是我在data里添加的属性,用来判断任务一是否出现,当任务被选中时,任务一就出现。可是isTrue作用域过大,导致当任务选中时所有的角标都出现了。
所以此时应该考虑修改作用域,思考如何使任务一角标只作用在当前选择的学生。
仔细观察可以得知,当选中学生时,学生的背景会变成深色,所以应该从这里入手
当active==index1时也代表当前学生被选中。所以此时我们就解决了选中学生的问题。
下一步就是解决任务被选中的问题。
当时为了解决这个问题,我又设置了个判断码isBeChoose,当按钮被点击时isBeChoose=true,当取消选中时isBeChoose=false,此时在项目中点击任务选中时,会出现当前学生左上角的角标,但是新的问题是,当切换下一个学生时,即使不选中当前任务,角标也会出现。可知也是作用域过大的原因。此时应该修改任务选中的作用域。
查看cards可知,cards里有一个state,即当任务被选中的时候这个state就会变成true。所以这里我们应改修改判定条件为cards.state,就是任务被选中。