diff --git a/src/views/ops/Template/Playbook.vue b/src/views/ops/Template/Playbook.vue
index e4c15b1b3..d86231ff4 100644
--- a/src/views/ops/Template/Playbook.vue
+++ b/src/views/ops/Template/Playbook.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <GenericListTable ref="list" :table-config="tableConfig" :header-actions="headerActions" />
-    <UploadDialog :visible.sync="uploadDialogVisible" @completed="refreshTable" />
-    <CreatePlaybookDialog :visible.sync="createDialogVisible" @completed="refreshTable" />
+    <UploadDialog v-if="uploadDialogVisible" :visible.sync="uploadDialogVisible" @completed="refreshTable" />
+    <CreatePlaybookDialog v-if="createDialogVisible" :visible.sync="createDialogVisible" @completed="refreshTable" />
   </div>
 </template>