vue满足条件不执行某操作

在用vue的单词考试的时候发现一个小bug

就是在考试的时候切屏和点击别的按键会触发作弊，当考完试之后，停留在当前页面

还是会触发这些作弊行为

解决方法

在开始考试的时候先设置一个变量为true

const end = ref(true);

在考试完提交结果的成功回调下面把这个值变为false

1.  
   if(res.data.code==1){
2.  
   end.value = false
3.  
   }

这个时候找到关于作弊那些方法

当end.value==false的时候，说明已经结束了考试

1.  
   window.onblur = function(){
2.  
   if(end.value == false){
3.  
   return
4.  
   }
5.  
   loading.value = true;
6.  
   jiao();
7.  
   ElMessage({
8.  
   type: "error",
9.  
   message: "检测到作弊,已交卷",
10.  
    });
11.  
    }

这个时候直接return就行了

这样就能实现考完试这些作弊的就不会触发了

这篇好文章是转载于：学新通技术网