绑定touch事件后click无效，vue项目解决棒法

VueTouch

在vue项目中

VueTouch.config.swipe = {
direction: 'horizontal'
}

Vue.use(VueTouch, {
name: 'v-touch'
})

<v-touch @panup="onPandup">
<div id="detailRightContainer">
<h2 class="margin-l60 padding-l20">简介</h2>
<div class="abstract">
<p class="abstract-p word-style">
{{detailData.summary}}
</p>
</div>
<h2 class="margin-l60 padding-l20">其它图书</h2>
<div class="detail-list">
<ul>
<li @click="changeUrl(book)" v-for="book in otherMovies"><img :src="book.coverPath" alt="图书" /></li>
</ul>
<div v-if="showNoMoreData">暂无其它数据</div>
</div>
</div>
</v-touch>

转载于:https://www.cnblogs.com/hduhdc/p/8666425.html

绑定touch事件后click无效，vue项目解决棒法相关推荐

Vue封装下拉框组件时，为document绑定原生事件addEventlistener(click“)，切换页面之后事件还未被摧毁...
1 <script> 2 export default { 3 props: ["lists"], 4 data() { 5 return { 6 isactive: ...
移动端touch事件和click事件的区别
移动端touch事件和click事件的区别 1.touch事件以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动 ...
解决移动端touch事件与click冲突的问题
最简单的办法,就只绑定一个事件不就行了: 第二种,我觉得和第一种也没啥区别.. const Button = document.getElementById("targetButton&qu ...
click和touchmove vue_移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法...
这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来. 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且to ...
解决js添加元素后onclick无效问题，解决onclick无效问题
绑定事件失效原因: onclick事件绑定只对dom中存在的元素有效,对于后来新增加的元素是监测不到,所以绑定事件失败比如: var singleImg = '<span class=&quo ...
vue项目解决苹果浏览器的缓存功能
在开发vue项目的时候,测试人员给我提了一个bug:"苹果自带浏览器登录后杀死浏览器重新进入后,页面刷新所有数据不显示". 我仔细的回顾了一下代码,感觉我的代码没有什么问题,问测试 ...
jQuery —— 元素绑定单击事件（click），但是双击该元素也能触发单击事件，同时会触发两次单击事件的问题
最近做项目遇到一个问题,给元素绑定了单击事件,但是双击该元素时同样会触发单击事件,并且触发两次的问题,网上找了解决办法基本上都是用 clearTimeout .setTimeout 解决,但是效果不是 ...
荣耀5a android go,vue项目解决android版本过低引起兼容问题(例如华为荣耀6)-Go语言中文社区...
问题描述: 在项目中发现在华为荣耀6手机上,出现页面白屏,抓包后显示接口调用并没有执行,查找后认为是android版本过低(升级测试android4.4.2已是华为荣耀6的最新系统). 华为荣耀6:a ...
vue项目解决android版本过低引起兼容问题(例如华为荣耀6)
问题描述: 在项目中发现在华为荣耀6手机上,出现页面白屏,抓包后显示接口调用并没有执行,查找后认为是android版本过低(升级测试android4.4.2已是华为荣耀6的最新系统). 华为荣耀6:a ...
vue项目解决打开新页面预览PDF，同时修改预览PDF页面的标题和图标
今天遇到一个需求,要就打开的pdf预览页面要,放自己的图标和标题. 问过大神后的知通过以下形式可以实现: 在public目录下新建一个html页面, 在新建的html页面的head中的 <tit ...

绑定touch事件后click无效，vue项目解决棒法

绑定touch事件后click无效，vue项目解决棒法相关推荐

最新文章

热门文章