移动端vue页面禁止移动/滚动

僵尸C掉了我的脑子

于 2020-03-18 11:01:25 发布

阅读量881

点赞数 1

分类专栏： vue 文章标签： vue 移动浏览器禁止移动禁止滚动阻止默认行为

本文链接：https://blog.youkuaiyun.com/qq_35457469/article/details/104939895

版权

42 篇文章

订阅专栏

本文介绍了一种在移动端开发中防止页面滚动的有效方法，通过使用@touchmove.prevent指令，可以轻松实现对特定元素或整个页面滚动行为的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当需要在移动端中禁止页面滚动，加入：@touchmove.prevent即可，如下：

<template
	<div @touchmove.prevent>
	    <canvas id="xxx" width="300" height="300"></canvas>
	</div>
</template>