当需要在移动端中禁止页面滚动，加入：@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. Leetcode（1）两数之和
			
    Leetcode(1)两数之和 [题目表述]: 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标.你可以假设每种输入只会对应一 ...
    
			
    2. 
						
  2. Java日志Log4j或者Logback的NDC和MDC功能
			
    NDC和MDC的区别 Java中使用的日志的实现框架有很多种,常用的log4j和logback以及java.util.logging,而log4j是apache实现的一个开源日志组件(Wrapped  ...
    
			
    3. 
						
  3. Java常见的异常，Java运行时异常和一般异常的区别
			
    Java常见的异常,Java运行时异常和一般异常的区别 异常和错误二者的不同之处: Exception: 1．可以是可被控制(checked,检查异常) 或不可控制的(unchecked,非检查异常) ...
    
			
    4. 
						
  4. codeforce - 13A A.Numbers
			
    A. Numbers time limit per test 1 second memory limit per test 64 megabytes input standard input outp ...
    
			
    5. 
						
  5. python之ORM（对象关系映射）
			
    实现了数据模型与数据库的解耦,通过简单的配置就可以轻松更换数据库,而不需要更改代码.orm操作本质上会根据对接的数据库引擎,翻译成对应的sql语句.所有使用Django开发的项目无需关心程序底层使用的 ...
    
			
    6. 
						
  6. 四、docker 仓库(让我们的镜像有处可存)
			
    前言 前面讲完了docker 镜像和容器,以及通过Dockerfile 定制属于我们自己的镜像,那那现在就是需要将我们自己定制的镜像存放到仓库中供他们使用.这一套流程才算是正式走完了.从获取镜像,操作 ...
    
			
    7. 
						
  7. linux C进程常用操作
			
    不登高山,不知天之高也: 不临深溪,不知地之厚也. 荀子<劝学> linux应用层主要是一个个独立任务的进程在运行,但是很多时候,在工作中我们可能很少去重新写一个进程, 大部分的工作都是分 ...
    
			
    8. 
						
  8. 一次flume exec source采集日志到kafka因为单条日志数据非常大同步失败的踩坑带来的思考
			
    本次遇到的问题描述,日志采集同步时,当单条日志(日志文件中一行日志)超过2M大小,数据无法采集同步到kafka,分析后,共踩到如下几个坑.1.flume采集时,通过shell+EXEC(tail -F ...
    
			
    9. 
						
  9. Python的闭包以及迭代器
			
    一,闭包 什么是闭包呢?闭包就是内层函数,对外层函数(非外层)的变量的引用,叫做闭包 def mz(): name = 'YJ' def xue(): print(name) #闭包 xue() mz ...
    
			
    10. 
						
  10. P4568 [JLOI2011]飞行路线 分层图
			
    题目描述 Alice和Bob现在要乘飞机旅行,他们选择了一家相对便宜的航空公司.该航空公司一共在nn个城市设有业务,设这些城市分别标记为00到n-1n−1,一共有mm种航线,每种航线连接两个城市,并且 ...
    
			
    11.