vue中使用better-scroll

1.创建vue-cli3项目   指令 vue create 项目名

2.要想使用better-scroll 需要先引入 better-scroll的插件  

这里采用 npm的方式    指令 npm install better-scroll -- save (项目依赖)

3.多个列表的展示     当前情况下是全局的滚动

4.我们希望制定某一个区域可以滚动

原生的方式 

需要给

这些li的父亲设置     当然,这种原生的方式在移动端会很卡  ,放弃使用

5.采用better-scroll实现滚动   引入better-scroll插件  和在mounted生命周期创建better-scroll实例对象    而且还有弹框效果   这里需要注意的是content外层必须要包上一层wrapper content也是惟一的,content里面可以有很多元素

猜你喜欢

转载自www.cnblogs.com/gsq1998/p/12285102.html