export default {
data(){
return{
date:[]
}
},
methods:{
async getInitialUsers(){
let res = await get_message.get('http://localhost:3000/json')
this.date.push(res)
console.log(this.date)
},
scroll(){
window.onscroll = () =>{
// console.log("滾動條滾動距離",document.documentElement.scrollTop)
// console.log("窗口可視高度",window.innerHeight)
// console.log("元素的高度",document.documentElement.offsetHeight)
let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight === document.documentElement.offsetHeight
console.log("滑動到最底部",bottomOfWindow)
if(bottomOfWindow){//用戶下拉觸底
setTimeout(()=>{
this.getInitialUsers() //發送請求ajax獲取數據
},1000)
}
}
}
},
mounted(){
this.getInitialUsers()//頁面加載完成,請求一次數據
this.scroll()//每次用戶下拉觸底後再次發送ajax請求獲取數據
}
}