11.6 Conditionally Hide Sections
This commit is contained in:
		
							parent
							
								
									d16c79dd1e
								
							
						
					
					
						commit
						cfb3cf78cd
					
				| @ -2,7 +2,6 @@ | |||||||
|   <div class="q-mt-lg"> |   <div class="q-mt-lg"> | ||||||
|     <list-header bgColor="bg-green-4">Completed</list-header> |     <list-header bgColor="bg-green-4">Completed</list-header> | ||||||
|     <q-list |     <q-list | ||||||
|       v-if="Object.keys(tasksCompleted).length" |  | ||||||
|       separator |       separator | ||||||
|       bordered> |       bordered> | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -2,7 +2,6 @@ | |||||||
|   <div> |   <div> | ||||||
|     <list-header bgColor="bg-orange-4">Todo</list-header> |     <list-header bgColor="bg-orange-4">Todo</list-header> | ||||||
|     <q-list |     <q-list | ||||||
|       v-if="Object.keys(tasksTodo).length" |  | ||||||
|       separator |       separator | ||||||
|       bordered> |       bordered> | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -2,9 +2,11 @@ | |||||||
|   <q-page class="q-pa-md"> |   <q-page class="q-pa-md"> | ||||||
| 
 | 
 | ||||||
|     <tasks-todo |     <tasks-todo | ||||||
|  |       v-if="Object.keys(tasksTodo).length" | ||||||
|       :tasksTodo="tasksTodo" /> |       :tasksTodo="tasksTodo" /> | ||||||
| 
 | 
 | ||||||
|     <tasks-completed |     <tasks-completed | ||||||
|  |       v-if="Object.keys(tasksCompleted).length" | ||||||
|       :tasksCompleted="tasksCompleted" /> |       :tasksCompleted="tasksCompleted" /> | ||||||
| 
 | 
 | ||||||
|     <div class="absolute-bottom text-center q-mb-lg"> |     <div class="absolute-bottom text-center q-mb-lg"> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user