vue2.0中goods选购栏滚动算法的实现代码
不多说,直接代码,以便以后重复利用:
importBScrollfrom'better-scroll'; constERR_OK=0; exportdefault{ props:{ sell:{ type:Object } }, data(){ return{ goods:[], listHeight:[], scrollY:0 }; }, computed:{ currentIndex(){ for(leti=0;i =height1&&this.scrollY { response=response.body; if(response.errno===ERR_OK){ this.goods=response.data; this.$nextTick(()=>{ this._initScroll(); this._calculateHeight(); }); } }); }, methods:{ _initScroll(){ this.menuScroll=newBScroll(this.$refs.menuwrapper,{ click:true }); this.foodScroll=newBScroll(this.$refs.foodswrapper,{ probeType:3 }); this.foodScroll.on('scroll',(pos)=>{ this.scrollY=Math.abs(Math.round(pos.y)); }); }, _calculateHeight(){ letfoodList=this.$refs.foodswrapper.getElementsByClassName('food-list-hook'); letheight=0; this.listHeight.push(height); for(leti=0;i
以上所述是小编给大家介绍的vue2.0中goods选购栏滚动算法的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!