1、設置需要滾動的盒子 首先要有滾動條 overflow-y:auto 或overflow-y: scroll; 然后設置 事件@scroll="scrollEvent" 方法名自己定義

<div class="innerBox" @scroll="scrollEvent"><div class="item" @click.stop="onTarget(item.custName)" v-for = "item in NewItems">{{item.custName}}</div> </div>

2、寫入方法 判斷是否 到達底部

//滾動條觸發事件 scrollEvent(e) {console.log(e)if (e.srcElement.scrollTop + e.srcElement.clientHeight == e.srcElement.scrollHeight ) {console.log("嘿嘿我在底部觸發了")} },

轉自：https://www.cnblogs.com/qq976864507/p/13862569.html

總結

以上是生活随笔為你收集整理的vue滚动条滚到到底部触发的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。