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

  <div @touchmove.prevent>

    <h3 class="main-bk">{{ title }}</h3>

    <p>您好！{{provider}}：</p>

  </div>

</template>


 
												


											
移动端vue页面禁止移动/滚动的更多相关文章
	

    
								
  1. 【原】移动端vue页面点透事件 - 分析与解决
		
    近期项目遇到了vue页面事件被带到下一个页面的问题,也就是我们常说的点透事件,主要表现在android机器上,花了不少时间折腾,简单做下总结~ vue页面之间的切换通过Vue Router的route ...
    
		
    2. 
						
  2. vue 弹窗禁止底层滚动
		
    原因:底层视图高度超出百分百,加入弹窗后再苹果浏览器隐藏上下栏的情况下遮罩层没有完全遮住底层. 处理:打开弹窗后禁止底层滚动调用stop事件,关闭则开启底层滚动调用move事件. let mo=fun ...
    
		
    3. 
						
  3. 移动端H5页面禁止长按复制和去掉点击时高亮
		
    /*设置IOS页面长按不可复制粘贴,但是IOS上出现input.textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callo ...
    
		
    4. 
						
  4. 移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
		
    PC端解决方案 pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条,达到无法滚动的效果. 也就是说给body添加overflow:hidden属性即可,IE6.7下不会生效,需要给html增加 ...
    
		
    5. 
						
  5. jquery 禁止滚动条滚动，并且滚动条不消失，页面大小不闪动
		
    一,禁止滚动,滚动条不消失,页面大小不闪动 //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document) ...
    
		
    6. 
						
  6. 移动端web页面滚动不流畅，卡顿闪烁解决方案
		
    移动端web页面滚动不流畅,卡顿闪烁解决方案   1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置如下实现惯性滚动和弹性效果: -webkit-overf ...
    
		
    7. 
						
  7. vue移动端h5页面根据屏幕适配的四种方案
		
    最近做了两个关于h5页面对接公众号的项目,不得不提打开微信浏览器内置地图导航的功能确实有点恶心.下次想起来了的话,进行总结分享一下如何处理.在vue移动端h5页面当中,其中适配是经常会遇到的问题,这块 ...
    
		
    8. 
						
  8. js禁止滚动条滚动，并且滚动条不消失，页面大小不变
		
    //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',fu ...
    
		
    9. 
						
  9. 关于处理移动端Vue单页面及其内嵌兼容问题
		
    关于处理移动端Vue单页面及其内嵌兼容问题 question:由于最近转移了以前的H5项目,重构使用Vue单页面,导致部分手机内嵌或在微信浏览器中无法浏览,或者无法使用ajax请求:手机机型千变万化, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 2019.10.24 CSP%你赛第二场d1t3
			
    题目描述 Description 精灵心目中亘古永恒的能量核心崩溃的那一刻,Bzeroth 大陆的每个精灵都明白,他们的家园已经到了最后的时刻.就在这危难关头,诸神天降神谕,传下最终兵器——潘少拉魔盒 ...
    
			
    2. 
						
  2. The usage of Markdown---表格
			
    更新时间:2019.09.14   谈到怎么在Markdown中插入表格,其实只要熟知以下几点就可以了: 使用管道符|进行内容的分割 使用冒号:和连号符-表示表格内容的对齐情况,连号符-在中间,冒号: ...
    
			
    3. 
						
  3. 面试题-javascript-面向对象编程
			
    笔者在某次笔试中遇到这个题:印象很深. function ClassA() { var value=4; this.getValue= function() { return value; } thi ...
    
			
    4. 
						
  4. win8 批处理自动填写ip
			
    本文适用于,经常把电脑来回带而又每次都得改ip的人 有木有觉得,这很麻烦,而又必须得这样做? 人真是因为懒惰而变得聪明.如果你不想每次重复填写,有幸百度到了这篇文章,感谢你的阅读. 现在我把研究成果共 ...
    
			
    5. 
						
  5. Java基础（二十九）Java IO（6）对象序列化（Object Serialization）
			
    参考之前整理过的Java序列化与反序列化:https://www.cnblogs.com/BigJunOba/p/9127414.html 使用对象输入输出流可以实现对象序列化与反序列化,可以直接存取 ...
    
			
    6. 
						
  6. axio安装及使用
			
    先安装 npm install axios --save 再导入 import $ from "jquery"; import axios from "axios&quo ...
    
			
    7. 
						
  7. 第二篇：版本控制git之分支
			
    有人把 Git 的分支模型称为它的`‘必杀技特性’',也正因为这一特性,使得 Git 从众多版本控制系统中脱颖而出. 为何 Git 的分支模型如此出众呢? Git 处理分支的方式可谓是难以置信的轻量, ...
    
			
    8. 
						
  8. Windows 10 中CPU虚拟化已开启，但是docker无法运行
			
    在管理员模式下的PowerShell中执行: bcdedit /set hypervisorlaunchtype Auto 然后重启电脑即可
    
			
    9. 
						
  9. 完美解决移动端H5页面的滑动穿透问题
			
    同事的分享,记录下来. 代码如下: css: body.modal-open { position: fixed; width: 100%; } js: // 兼容低版本 document.scrol ...
    
			
    10. 
						
  10. 学习笔记42_SpringMVC
			
    SpringMVC中,Global.axas发生变化,其中 1.原来是 public class MvcApplication:System.web.HttpApplication 现在是 publi ...
    
			
    11.