11.6 Conditionally Hide Sections

This commit is contained in:
Fredrick W Warren 2021-02-10 11:02:13 -08:00
parent d16c79dd1e
commit cfb3cf78cd
3 changed files with 2 additions and 2 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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">