SSM项目实战-前端-添加分页控件-调正页面布局

1、Index.vue




SSM项目实战-前端-添加分页控件-调正页面布局_第1张图片

 2、@current-change

            

@current-change 是 Vue.js 的一个事件监听器,它监听的是current-page的变化。当current-page的值发生改变时,会触发这个事件,并执行handleCurrentChange方法。

在你的  组件中,v-model:current-page="schedulePageInfo.pageNum" 是一个双向数据绑定,它将  组件的当前页码与你的 Vue 实例的 schedulePageInfo.pageNum 属性绑定在一起。当用户通过  组件的 UI 改变当前页码时,schedulePageInfo.pageNum 的值也会相应地改变。

当 schedulePageInfo.pageNum 的值改变时(即当前页码发生改变),@current-change 事件就会被触发,然后调用 handleCurrentChange 方法。你可以在 methods 中定义 handleCurrentChange 方法,以处理当前页码变化后的逻辑。例如,你可能需要根据新的页码从服务器获取新的数据,或者更新 UI 来显示当前页码等。

你可能感兴趣的:(SSM整合实战,前端,vue.js,elementui,Vue3,Vite,current-change,ssm)