ElementUI 表格数据加载提前显示“暂无数据”字样问题

项目中的表格请求接口数据页面加载，会先出现 ‘‘暂无数据’’ 字样闪现一下之后再显示页面数据，用户体验不友好

可以在表格中第一一个template标签，加载后无数据的提示定义成一个变量，初始值为空

<el-table :data="tableData">
    <template slot="empty">
        <p>{{ dataText }}</p>
    </template>
    <el-table-column>...... // 此处省略
</el-table>

data() {
    return {
        tableData: [],
        dataText: "" // 进去页面先让字样为空
    }
}

获取数据请求接口前先将变量清空，在返回数据里判断当数据为空时，赋值“暂无数据”给 dataText

getTableData() {
    //先将变量清空
    this.dataText = '';
    this.$axios.getTableData().then(res => {
        this.tableData = res.data;
        // 当请求后台，数据为空时，再让页面显示暂无数据
        if (this.tableData.length === 0) {
            this.dataText = '暂无数据';
        }
    });
}