ElemetPlus报使用被废弃语法

简介

今天做项目，遇到个很奇葩的问题： [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档

之后对照文档，将一个一个属性改为固定数字后发现了问题。

原因

改到 total 属性是发现报错消失，恢复到使用动态参数时报错恢复，此时发现了问题出处。

猜测是 total 最初没有获取到的原因导致。

因为我使用了 TypeScript

:total="hospital_work_data?.total"

const hospital_work_data = ref<HospitalWork | null>(null)

当请求到接口数据后 hospital_work_data 才会有内容，导致页面渲染后没有第一时间获取到内容导致。

确定了问题就好解决了。

解决办法

我给 total 添加了一个默认值：:total="hospital_work_data?.total || 6"

最终问题解决。