当需要在移动端中禁止页面滚动，加入：@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. 测试中常用sql
			
    1.增删改查 2.同一服务器下,要从一个数据库复制某张表到另一个数据库 create table test.sf_audit_plan as select * from v3_0_sf_full.sf ...
    
			
    2. 
						
  2. JavaScript ES6函数式编程（三）：函子
			
    前面二篇学习了函数式编程的基本概念和常见用法.今天,我们来学习函数式编程的最后一个概念--函子(Functor). 相信有一部分同学对这个概念很陌生,毕竟现在已经有很多成熟的轮子,基本能满足我们日常的 ...
    
			
    3. 
						
  3. CentOS6-Linux内核编译  详细步骤
			
    CentOS6-Linux内核编译 详细步骤 背景 Win10用VMwareWorkstation搭的虚拟机 CentOS6.5,内核版本2.6.32-431.el6.x86_64 在该环境下升级至4 ...
    
			
    4. 
						
  4. linux 基本操作--笔记
			
    linux 基本操作: pwd 显示当前目录 ll 用于查看文件和目录,即list,其参数比较多 -l 列出数据串,包含文件的属性和权限数据等 -a 列出全部文件,包含隐藏文件 -d 仅列出目录本身, ...
    
			
    5. 
						
  5. JVM(4)  类文件结构
			
    一.实现“平台无关性” 字节码(ByteCode)存储格式和虚拟机是实现语言无关性的基础.Java虚拟机不和包括Java在内的任何语言绑定,它只与“Clas”文件这种特定的二进制文件格式所关联,Cla ...
    
			
    6. 
						
  6. django-Views之使用视图渲染模板（五）
			
    render(<request>,<template_name>,context=-None,content_type=None,status=None,using=None) ...
    
			
    7. 
						
  7. 三、进程和线程、协程在python中的使用
			
    三.进程和线程.协程在python中的使用 1.多进程一般使用multiprocessing库,来利用多核CPU,主要是用在CPU密集型的程序上,当然生产者消费者这种也可以使用.多进程的优势就是一个子 ...
    
			
    8. 
						
  8. Flask解析（一）：Local、LocalStak、LocalProxy
			
    原创作者:flowell,转载请标明出处:https://www.cnblogs.com/flowell/p/local_local_proxy_local_stack.html Local是什么?  ...
    
			
    9. 
						
  9. 如何让OKR实践变得更简单一些
			
    什么是OKR 近几年OKR的概念在国内开始流行起来了,之前公司也有人想实施OKR,但现在看来之前的OKR实施者只是在哪儿看了一下OKR的资料,本着跟老板邀功的想法比较功利的在推进,所以基本没有效果,今 ...
    
			
    10. 
						
  10. MongoDB系列---用户及权限管理02
			
    MongoDB-——Privilege 学习大纲: 1.用户权限管理 2.用户操作 知识回顾:  本系列上一篇博文我们讲述了如何搭建环境以及配置我们的MongoDB,通过搭建环境后我们又学习了如何通过 ...
    
			
    11.