vue中使用better-scroll,并封装成一个组件

在项目中,很多时候都有上拉加载更多,下拉刷新的需求。个人总结了一下如何在vue2项目中,将better-scroll单独封装成一个组件,以方便多个页面需要用到。

better-scroll中文文档

better-scroll npm 介绍

1.安装better-scroll

npm install better-scroll --save-dev

2.创建一个Scroll组件








3.在父组件中使用Scroll组件


 
注:如果滚动区域的内容的高度,不够容器的高度,将不会有下拉刷新或者上拉加载的效果,
可以将内容高度设置为容器高度+1,可模拟
具体使用可以参考 better-scroll中文文档

你可能感兴趣的:(vue中使用better-scroll,并封装成一个组件)