elementui表格重新渲染

参考自表格渲染异常。
element UI中的表格在data更改之后其中的内容不会自动重新渲染，所以我们需要手动让它渲染。

vue中el-table代码如下:

<el-table
  :data="pro_data"
  v-if="showTable"
>
<el-table-column prop="" label="操作">
  <template slot-scope="scope">
    <el-button type="primary" plain v-show="scope.act === 0">运行</el-button>
    <el-button type="danger" plain v-show="scope.act === 1">暂停</el-button>
  </template>
</el-table-column>
</el-table>

刷新表格的代码:

refreshTable:function()
{
  let that = this;
  that.showTable = false;
  that.$nextTick(()=>that.showTable = true);
}

只要调用refreshTable函数，就可以重新渲染表格了。
本篇完。