el-table数据更新组件不更新解决办法

el-table数据更新组件不更新解决办法：可以在更新el-table数据后去调用this.$forceUpdate();
具体使用方法：

el-table

  <el-table :data="clockinginDialog.data" style="width: 100%">
    <el-table-column prop="employeeUserName" label="员工姓名" align="center"> </el-table-column>
    <el-table-column prop="employeeUserPhone" label="员工手机号" align="center"> </el-table-column>
    <el-table-column prop="clockInNumber" label="打卡次数" align="center"> </el-table-column>
    <el-table-column prop="askLeaveNumber" label="请假次数" align="center"> </el-table-column>
    <el-table-column prop="goOutNumber" label="外出次数" align="center"> </el-table-column>
    <el-table-column prop="lateNumber" label="迟到次数" align="center"> </el-table-column>
    <el-table-column prop="leaveEarlyNumber" label="早退次数" align="center"> </el-table-column>
    <el-table-column prop="loutsideNumber" label="外勤次数" align="center"> </el-table-column>
  </el-table>

更新数据时候调用this.$forceUpdate

clockinginDialogTimeChange(date){
  this.mxApi(date).then((data)=>{
    this.clockinginDialog.data = data
    this.$forceUpdate();
  })
},

this.$forceUpdate是什么

this.$forceUpdate()是Vue.js中的一个方法，用于强制组件渲染更新，即使没有响应式数据发生变化。通常情况下，Vue.js会自动跟踪数据的变化并进行重新渲染，但有时候可能数据层级较深，vue没有及时渲染更新，这时可以使用 $forceUpdate() 方法