开发中遇到vue3 element-plus的table表格中的数据在chrome72,32位浏览器及以下版本不显示数据的问题,处理方式如下:
在表格中显示数据不要使用
<el-table-column label="名称" prop="name" align="center" width="160px">
</el-table-column>
而是使用template方式,即:
<el-table-column label="名称" prop="name" align="center" width="160px">
<template #default="scope">
{{ scope.row.name }}
</template>
</el-table-column>
数据即可正常显示。
当然,如果嫌麻烦,也可以直接升级浏览器到最新版解决。