Vue中引入了better-scroll后 页面上的点击事件不生效了

Posted hahahakc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中引入了better-scroll后 页面上的点击事件不生效了相关的知识,希望对你有一定的参考价值。

click

  • 类型:Boolean
  • 默认值:false
  • 作用:better-scroll 默认会阻止浏览器的原生 click 事件。当设置为 true,better-scroll 会派发一个 click 事件,我们会给派发的 event 参数加一个私有属性 _constructed,值为 true。
async getRatings() {
      const res = await this.$axios.get(‘/api/ratings.json‘);
      if (res.data) {
        this.ratings = res.data || [];
        this.loading = false;
        this.$nextTick(() => {
          this.scroll = new BScroll(this.$refs.ratingsRef, {
            click: true
          });
        });
      }
    },

配置click为true,点击事件即可生效

以上是关于Vue中引入了better-scroll后 页面上的点击事件不生效了的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0和better-scroll实现左右联动效果

vue实现刷新的第三方插件,better-scroll

vue在移动端使用better-scroll 实现滚动效果

vue中使用better-scroll实现滑动效果

vue中使用better-scroll实现滑动效果

使用better-scroll解决ios滚动问题