当需要在移动端中禁止页面滚动，加入：@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. ESP8266开发之旅 网络篇⑨ HttpClient——ESP8266HTTPClient库的使用
			
    授人以鱼不如授人以渔,目的不是为了教会你具体项目开发,而是学会学习的能力.希望大家分享给你周边需要的朋友或者同学,说不定大神成长之路有博哥的奠基石... QQ技术互动交流群:ESP8266&3 ...
    
			
    2. 
						
  2. linux "No space left on device" 磁盘空间解决办法
			
    某年某月某日某时,某人在工作中设置crontab定时任务规则保存时,提示“No space left on device”,此时用df -h检查磁盘,发现还有剩余空间.请问是什么原因及如何排查?什么会 ...
    
			
    3. 
						
  3. 基础安全术语科普（五）——crypter
			
    crypter(加壳):使病毒逃过反病毒软件检测的技术 UD类加壳病毒:只有%50至%25的软件能检测出是病毒. FUD类加壳病毒:完全不会被检测出来. 加壳技术有两个主要组件: 1.client — ...
    
			
    4. 
						
  4. 百万年薪python之路  --  字典（dict）练习
			
    1.请将列表中的每个元素通过 "_" 链接起来. users = ['大黑哥','龚明阳',666,'渣渣辉'] users = ['大黑哥','龚明阳',666,'渣渣辉'] u ...
    
			
    5. 
						
  5. 10 python学习笔记-操作数据库（十）
			
    在功能.接口测试中,常常需要通过数据库的操作,来准备数据.检测环境及核对功能.接口的数据库操作是否正确. 在自动化测试中,就需要我们用代码连接数据库自动完成数据准备. 环境检查及数据库断言的功能.数据 ...
    
			
    6. 
						
  6. JavaWeb 如何防止表单重复提交 - 使用Token，令牌
			
    JavaWeb 如何防止表单重复提交 - 使用Token,令牌 说到重复提交 ,应该想到两种场景:1. 在下单,或者支付 这种情况 那么不允许  刷新,不允许后退再点击提交(后退之后提交会失败,修改了 ...
    
			
    7. 
						
  7. Docker应用部署
			
    MySQL: #拉取mysql镜像 docker pull centos/mysql--centos7 #创建容器 #-p 端口映射 -e添加环境变量MYSQL_ROOT_PASSWORD 是root ...
    
			
    8. 
						
  8. 关于生成器generator
			
    generator:个人认为是产生值的,和列表生成式类似,但是比列表生成式更加节省空间 我们平常自己构造的函数中,一般返回值时都会使用return,在generator中,我们使用的是yield yi ...
    
			
    9. 
						
  9. C++学习笔记6_字符串
			
    1. C语言的字符串,char * s = "aaaa"; #include<string> class Test{ public : Test(int a, char ...
    
			
    10. 
						
  10. Django学习day1——Django的简单介绍
			
    1.了解Web基本的开发 使用Python开发Web,最简单,原始和直接的办法是使用CGI标准现在从应用角度解释它是如何工作: 首先做一个Python脚本,输出HTML代码,然后保存成.cgi扩展名的 ...
    
			
    11.