考试防刷新、切屏效果实现，直接拿来用

1首先说明，用户输入一个答案，就要后台记录一次，这样用户刷新页面数据不会丢失。

2 打开新页面，不会有前进后台刷新的问题

3浏览器窗口变化会提醒用户属于切屏操作

1 "屏蔽"鼠标切屏

      window系统上，win + tab 组合键属于系统级别的快捷键，无法操作。我想到了监听网页失焦事件。

var allowNum = 3; // 允许三次切屏，超过则提交
window.onblur = function() {
　　if(allowNum < 1) {
　　　　submitTest()
　　}
　　allowNum--;
　　alert("您已切屏,超过三次自动提交试卷"）
}

2, 禁止窗口大小改变

　   监听窗口改变的事件如下，但由于它会默认触发onblur事件( 因为点击窗口按钮，已经在页面之外，无法监听了，所以失焦函数会触发），为防止两次触发切屏，故只用上面的函数进行监听。

window.onresize()

也会走上面1window.onblur的方法，所以这个可以不用写

<template>
  <div class="div">
    <h3>这是切屏测试页面</h3>
    {
  { num }}
    <el-button @click="clinckFn">点击num++</el-button>
    <el-dialog
      :visible="