better scroll vue组件化封装 解决横向纵向同时存在的问题

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

由于之前项目用的是mint ui中的scrollview 主管要求更换成better scroll来获得更好的体验,所以代码如下。

首先安装之类的活就不介绍了,自己上官方文档查看

https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html

下面是组件




调用的地方

//下面2个方法是具体加载数据以及刷新的操作,按需自己改写

其中需要注意的一点是,当某一个页面需要纵向滚动以及横向滚动时,设置eventPassthrough属性,将偶尔用到的滚动,比如横向滚动设置上去。

eventPassthrough: {
      type: String,
      default: "horizontal"
    },

这样再横向滚动的地方就可以使用原生的overflow来进行操作。

转载于:https://my.oschina.net/maxdeath/blog/3012016

你可能感兴趣的:(better scroll vue组件化封装 解决横向纵向同时存在的问题)