解决tab页切换时闪屏bug
This commit is contained in:
@@ -2,16 +2,16 @@
|
|||||||
<div>
|
<div>
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
<el-tab-pane label="待办流程" name="first">
|
<el-tab-pane label="待办流程" name="first">
|
||||||
<gencyProcess :firstData="firstData"></gencyProcess>
|
<gencyProcess :firstData="firstData" v-if="activeName=='first'"></gencyProcess>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="已办流程" name="second">
|
<el-tab-pane label="已办流程" name="second">
|
||||||
<finishProcess :secondData="secondData"></finishProcess>
|
<finishProcess :secondData="secondData" v-if="activeName=='second'"></finishProcess>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="已发流程" name="third">
|
<el-tab-pane label="已发流程" name="third">
|
||||||
<sentProcess :thirdData="thirdData"></sentProcess>
|
<sentProcess :thirdData="thirdData" v-if="activeName=='third'"></sentProcess>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="监控流程" name="fourth">
|
<el-tab-pane label="监控流程" name="fourth">
|
||||||
<monitorProcesses :fourthData="fourthData"></monitorProcesses>
|
<monitorProcesses :fourthData="fourthData" v-if="activeName=='fourth'"></monitorProcesses>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user