鸿蒙开发-分页和加载数据的实现_鸿蒙 js分页加载

首先先上预览图

具体实现看代码，思考与实现过程我都写在注释里了
js部分

import prompt from '@system.prompt';
const PAGE_NUM=10;
export default {
    data: {
        arrs:[],
        listdata:[],//每次存放10条数据
        currentpage:1,
        loadtext:"加载更多",
        flag:false,
    },
    onInit(){
        for(let i=0;i<50;i++){
            this.arrs.push("第"+i+"项");//使用for循环录入数据
        }
        //使用JavaScript原生api方法 Slice(startnum , endnum)截取十条数据
        this.listdata = this.arrs.slice(0,this.currentpage*PAGE_NUM);
    },
    loadmore(){
    this.currentpage ++;
        //使用prompt弹出提示信息
    prompt.showToast({
        message:"加载的是第"+this.currentpage+"页"
    })

    //总条数/每页条数