error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方

5,674 阅读1分钟

今天这个小项目报错很多呀~就在封装组件里面这个分页器的时候,Element plus疯狂报错,报错如下

MTJ%VPTI_LPCTS2GJD%EVHR.png 下面是我的代码

image.png 传参如下:

image.png 看了GitHub上面的一些方法,主要说是因为total传参数据格式不正确的一个问题,参考官方文档可以发现

image.png

以下内容是我这个问题发现以后过了两三天写的内容:

**我发现这是一个没有必要的操作,首先这个问题是出现在一个v-model上面,正确版本如下**

image.png

不使用v-model就会出现这样的问题,但是如果使用v-model就会比较麻烦,props参数只读,需要将变量拿出来再进行绑定,而且分页器需要监听的一些属性又不在封装的组件里面,又需要传递给父组件进行一个调用才能监听,封装一下子失去了本来的作用,代码量没有减少也没有变的简洁反而更复杂了,分页器本就是一个封装好的组件,子组件变孙组件,实属没必要