`
wx1569618008
  • 浏览: 75234 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

vue better-scroll click点击执行两次问题

 
阅读更多

第二次click 改成false

if (!this.foodView) {

this.foodView = new BScroll(this.$refs.foodView, {

click: true

});

} else {

this.foodView.refresh();

}

if (!this.content) {

this.content = new BScroll(this.$refs.content, {

click: false

});

} else {

this.content.refresh();

}

 

转载于:https://my.oschina.net/wzit/blog/3003806

分享到:
评论

相关推荐

    Vue项目中使用better-scroll实现菜单映射功能方法

    总的来说,实现Vue项目中`better-scroll`的菜单映射功能,关键在于监听菜单项的点击事件,滚动到对应位置,以及维护右侧菜品列表的高度信息。通过对`better-scroll`的配置和事件监听,我们可以轻松地为用户提供平滑...

    vue使用better-scroll实现滑动以及左右联动

    在Vue.js应用中,我们可以利用Better Scroll库来实现滑动效果和左右联动功能。Better Scroll是一个强大的滚动插件,能够提供类似原生滚动的流畅体验,尤其适合移动端应用。以下是对如何在Vue项目中集成和使用Better ...

    【JavaScript源代码】vue开发移动端使用better-scroll时click事件失效的解决方案.docx

    在使用Vue进行移动端开发时,有时会遇到在组件中集成Better-Scroll插件时点击事件失效的问题。在本文中,我们将深入探讨这个问题及其解决方案,并简要介绍如何在Vue项目中封装和使用Better-Scroll。 首先,`Better-...

    vue和better-scroll实现列表左右联动效果详解

    【Vue和Better-Scroll实现列表左右联动效果详解】 在Web开发中,特别是在电商或信息展示类项目中,经常需要实现列表的联动效果,即当用户在一个列表中滚动时,另一个相关的列表也会相应滚动。Vue.js作为一款轻量级...

    vue使用 better-scroll的参数和方法详解

    在Vue.js应用中,Better-Scroll是一个非常实用的滚动插件,它提供了丰富的滚动效果和交互功能。在本文中,我们将深入探讨如何在Vue中使用Better-Scroll,以及它的主要参数和方法。 首先,要使用Better-Scroll,你...

    详解 vue better-scroll滚动插件排坑

    本文主要针对在使用 Vue 和 BetterScroll 进行滚动交互时可能遇到的问题进行详解。 首先,我们要理解 BetterScroll 的滚动原理。BetterScroll 的核心是基于 iscroll 实现的,但相比 iscroll 做了一些性能优化和功能...

    vue2中引用及使用 better-scroll的方法详解

    在Vue2中,引入并使用Better Scroll库可以帮助我们实现页面滚动效果,特别是在处理复杂的滚动交互时,如下拉刷新和上拉加载更多。本文将详细讲解如何在Vue2项目中集成Better Scroll,以及使用过程中需要注意的要点。...

    vue基于better-scroll实现左右联动滑动页面

    本文实例为大家分享了vue基于better-scroll实现左右联动滑动页面,供大家参考,具体内容如下 界面如下: vue模板 <div class=menu-wrapper> <li class=menu-item v-for=(good, key=index class={current: ...

    vue better scroll 无法滚动的解决方法

    在 Vue 项目中使用 Better Scroll 时,可能会遇到无法滚动的问题。本文将详细介绍 Vue Better Scroll 无法滚动的解决方法。 问题描述 在使用 Better Scroll 时,可能会遇到无法滚动的问题。例如,在实现订单列表...

    vue滚动轴插件better-scroll使用详解

    Vue 滚动轴插件 Better Scroll 使用详解 Better Scroll 是一个功能强大且灵活的 Vue 滚动轴插件,能够帮助开发者轻松实现滚动轴相关的功能。下面将详细介绍 Better Scroll 的使用方法和相关知识点。 一、Better ...

    解决vue组件中click事件失效的问题

    在Vue.js开发过程中,我们经常会遇到各种问题,其中包括点击事件(click)失效的情况。这个问题在使用第三方库如better-scroll时尤为常见。本文将详细解析如何解决Vue组件中click事件失效的问题,以及涉及到的Vuex中...

    vue.js移动端app之上拉加载以及下拉刷新实战

    在Vue.js环境下开发移动端应用时,为了实现这两个功能,经常会用到better-scroll这个库。better-scroll是一个专门为移动端浏览器优化过的滚动库,它能够提供流畅的滚动效果和触摸滑动事件。 在本文中,首先提到了...

    vue进入页面时滚动条始终在底部代码实例

    总之,通过在Vue组件的生命周期钩子中调用相应的方法,并结合CSS样式和第三方库(如better-scroll),我们可以实现页面加载时滚动条自动定位到底部的效果,提供更好的用户体验。同时,这也适用于那些需要实时更新...

    vue中实现左右联动的效果

    Vue 中实现左右联动的效果是一种常见的交互方式,在Vue框架中可以使用better-scroll库来实现滚动和点击事件的监听。下面将详细介绍如何实现左右联动的效果。 首先,需要在 Vue 组件中引入 better-scroll 库,并创建...

    Vue如何实现监听组件原生事件

    在这个例子中,`@click.native`监听了`BackTop`组件的点击事件,而不是Vue的自定义事件。`.native`确保我们监听的是组件根元素上的原生DOM点击事件,而不是组件内部的任何自定义事件。当用户点击`BackTop`组件时,`...

    Vue实现左右菜单联动实现代码

    `currentIndex`属性用于跟踪当前选中的菜单项,`@click`事件监听器则在用户点击时触发`selectLeft`方法。 右侧菜单的DOM结构如下: ```html <scroll class="right-menu" :data="rightMenu" ref="rightMenu" ...

Global site tag (gtag.js) - Google Analytics