javaee论坛

普通会员

225648

帖子

337

回复

351

积分

楼主
发表于 2019-11-03 06:36:14 | 查看: 203 | 回复: 0

源码Demo:

<template><div><ulclass="list"><liv-for="(item,index)inlistData":key="index":v-if="listData">{{item.album_title}}</li></ul></div></template>

关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前端,Java,微信小程序,Python等资源,让我们一起学前端。

<script>import$from'jquery';varisbool=true;exportdefault{data(){return{listData:[],}},mounted(){this.lists()//滚动条到底部弹出评价窗口varminAwayBtm=0;//距离页面底部的最小距离$(window).scroll(()=>{varawayBtm=$(document).height()-$(window).scrollTop()-$(window).height();if(awayBtm<=minAwayBtm&&isbool){isbool=false;alert("达到底部。");this.lists()}})},methods:{lists(){this.$axios.get(this.Get_code_Host,{params:{format:"json",calback:'',from:"webapp_music",method:"baidu.ting.billboard.billList",type:1,size:10,offset:0}}).then((res)=>{console.log(res.data)this.listData=this.listData.concat(res.data.song_list)isbool=true;}).catch(err=>{console.log(err)})}}}</script>

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017