当需要在移动端中禁止页面滚动，加入：@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. 图论-最短路径<Dijkstra,Floyd>
			
    昨天: 图论-概念与记录图的方法 以上是昨天的Blog,有需要者请先阅读完以上再阅读今天的Blog. 可能今天的有点乱,好好理理,认真看完相信你会懂得 分割线 第二天 引子:昨天我们简单讲了讲图的概念 ...
    
			
    2. 
						
  2. web常用知识
			
    Html 1.打电话,发短信和发邮件 <a href="tel:0755-10086">打电话给:0755-10086</a> <a href=&qu ...
    
			
    3. 
						
  3. Java并发入门之FutureTask
			
    Java并发入门之FutureTask 前言: 最近遇到一个项目需要上传图片到服务器,API要求是二进制流,那就跑慢点一点点上传. 于是对多线程从没有应用过的我,决定拿多线程直接应用于代码. 应用Ex ...
    
			
    4. 
						
  4. 原版_打字游戏.html
			
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
			
    5. 
						
  5. vue-music 跨域获取QQ音乐歌曲播放源
			
    这个问题困扰了我很久,一直获取不到正确的播放源,qq对这块限制更加严格了 按照之前老师在视频中的写法,已经不能获取到播放源了 下面来分析一下正确的播放源url:http://dl.stream.qqm ...
    
			
    6. 
						
  6. AssetBundle异步加载被中断的问题
			
    刘 刘泰言创建于 1 年前 在使用异步接口 yield return AssetBundle.ASyncLoad的时候,难免会想到:这个异步处理完之前如何Cancel掉这个任务?也就是一个AssetB ...
    
			
    7. 
						
  7. 《鸟哥的Linux私房菜--基础篇》学习
			
    第四章 显示日期与时间的指令:date 输入: (base) liyihuadeMacBook-Pro:~ liyihua$ date 输出: Thu Jun 6 08:44:02 CST 2019  ...
    
			
    8. 
						
  8. 学习笔记04IIS
			
    IIS机制:1.能监听端口,获取socket的客户端对象2.获取请求报文,将请求报文变成对象.3.处理请求报文,通过HttpApplication.ProcessRequest方法来处理HttpCon ...
    
			
    9. 
						
  9. 一句话CF
			
    目录 \(\bf {Round \ \#500 \ (Div. \ 1)}\) \(\bf {Round \ \#589 \ (Div. \ 2)}\) \(\bf {Avito \ Cool \ C ...
    
			
    10. 
						
  10. python学习之【第六篇】：Python中的字典及其所具有的方法
			
    1.前言 字典是python中唯一的映射类型,采用键值对(key-value)的形式存储数据.python对key进行哈希函数运算,根据计算的结果决定value的存储地址,因此,字典的key必须是可哈 ...
    
			
    11.