具体使用参照https://better-scroll.github.io/docs/en-US/guide/use.html#basic-usage
具体使用参照github地址:https://github.com/ustbhuangyi/better-scroll
废话不多说,直接开始:
我的外卖项目,在/shop/shopgoods页面需要实现页面的滑动效果;
1.首先安装:
2.在项目中使用:
在需要用到的vue组件中引入:(这里是ShopGoods组件)
然后就需要使用:
要在需要滚动的代码块,外部包裹一个div,用来获取,标识这个代码块是要滚动的
但是这个创建的时机很重要,要在列表显示之后创建,才可以,那是什么时候呢?
但是这样还是不够的,这样也不能代表数据更新了。这里需要借助 this.$nextTick(()=>{}),这个回调函数,这个是页面一旦更新就立即调用,这个函数的执行,一定是页面更新完成了。
但是这样的代码还不完善:
===========================================同理右侧的也是这样子实现的==========================================================================================