第一步
找到 html 文件 ,在head中添加一行属性代码
<meta name="viewport" content="width=device-width,initial-scale=1.0 ,maximum-scale=1.0, user-scalable=0">
第二步
找到 App.vue 文件 ,在 script 模块中 添加下方代码
// 禁止web端屏幕缩放created() {window.addEventListener("mousewheel",function (event) {if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{ passive: false })}
参考文章:vue项目如何禁止屏幕缩放
下班~