ElementPlusError: [ElPagination] undefined

最新推荐文章于 2024-07-06 11:32:29 发布

thingir

最新推荐文章于 2024-07-06 11:32:29 发布

阅读量3.7k

点赞数 2

分类专栏： elementUI 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/thingir/article/details/123089524

版权

elementUI 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在这里插入图片描述

报错原因：必传值total最初传入的值为undefined

解决：使用watch进行监听赋值

<el-pagination
 @size-change="handleSizeChange"
 @current-change="handleCurrentChange"
 v-model:current-page="index"
 v-model:page-size="size"
 :page-sizes="pageSizes"
 layout="total, sizes, prev, pager, next"
 :total="totalNum"
 :background="true">
 </el-pagination>

setup(props, context) {
	 const pageInfo = reactive({
	         index:1,
	         size: 10,
	         totalNum:0
	 })
	 watch(
	 () => [props.pagemeta.page, props.pagemeta.page_size, props.pagemeta.total] , 
	 (newValue, oldValue) => {
	     pageInfo.index = newValue[0];
	     pageInfo.size = newValue[1];
	     pageInfo.totalNum = newValue[2];
	     // console.log(`原值为${oldValue}`)   
	     // console.log(`新值为${newValue}`)  
	 })

	 return {
	     ...toRefs(pageInfo),
	 }
}