浏览器禁止F5刷新

需求描述

提示：这里描述具体问题：浏览器在F5刷新时，有的时候会出现数据不能获取进而显示失败。所以要禁止F5刷新。

例如：浏览器按F5会刷新界面，在quasar或vue中怎么禁止。

    // 禁止浏览器刷新
    function diableF5 () {
      document.onkeydown = function (e) {
        const key = window.event.keyCode
        if (key === 116) {
          if (window.event.preventDefault) {
            window.event.preventDefault()
          } else {
            window.event.keyCode = 0
            // window.event.returnValue = false
          }
        }
      }
    }
    onBeforeMount(diableF5)//vue3的生命周期钩子函数，在mounted之前

---

原因分析：

提示：这里填写问题的分析：在有些项目中会在页面刷新的时候直接区后台加载数据，在刷新的时候后没有数据了，这时前端就出现图表显示异常。因为没有数据，不能显示。

例如：在一些项目中在页面更新时会发送GET请求到后端获取数据。之前已经获取过了，在获取就会出现没有数据。

---

解决方案：

提示：这里填写该问题的具体解决方案：

例如：在onBeforeMount()函数中把F5按键禁止掉，具体就是检测到F5的按键，其值是116，就把他置成0，并返回false。