本文介绍了如何改进ElementUI的el-tree和el-table组件在加载数据前的用户体验。通过利用empty-text属性，可以在请求数据前显示'正在加载中'，当数据加载完成并判断数据长度为0时，再显示'暂无数据'提示，从而提升用户交互体验。
我们在使用element ui组件时， el-tree、el-table组件加载数据前会显示一个“ 暂无数据 ”，体验很不友好，我们可以将“暂无数据”修改为“正在加载中”或者直接清除；
利用el-tree 自带的empty-text属性绑定一个初始化空值，在发送接口请求前先赋值为“正在加载中”当拿到tree数据时判断数据长度，当数据长度为0时设置emptyText值为"暂无数据"即可
element ui中 el-tree、el-table组件加载数据前闪现 暂无数据 清除或修改
于 2022-07-08 15:51:06 首次发布
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
