一琐绔纠滴般情况下，我们在查看系统页面时，可以按F5快捷键刷新。但是，有时为了需求需要禁止或屏蔽浏览器F5刷新。在vue页面中，如何屏蔽浏览器F5刷新呢？
工具/原料
vue.js
ElementUI
HBuilderX
JavaScript
截图工具
PPT2019
方法/步骤
1、在打开的HBuilderX工具中，新建一个Vue项目，并安装ElementUI
2、接着在指定的文件夹下，新建一个vue文件，命名为StopF5
3、利用elementui进行页面布局，并添加一个按钮el-button，绑定事件
4、在<script></script>标签中，添加按钮点击事竭惮蚕斗件，获取快捷键的keyCode，然后调用阻止浏览器刷新方法
5、将已经写好的组件，导入到App.vue文件中，在components对象中也要添加
6、保存代码并使用npmrunserve命令运行项目，打开浏览器预览，点击按钮后按F5刷新页声矜檠鹣面，结果发现无刷新
