use v-if instead of v-show

This commit is contained in:
Moriz Wahl 2020-05-11 21:17:20 +02:00
parent 0892d6aaa3
commit 8f44fd6410
2 changed files with 7 additions and 5 deletions

View File

@ -30,20 +30,20 @@
:key="'Top'" :key="'Top'"
:pageSize="pageSize" :pageSize="pageSize"
/> />
<masonry-grid v-show="activeTab === 'Post'"> <masonry-grid v-if="activeTab === 'Post'">
<masonry-grid-item v-for="resource in activeResources" :key="resource.key"> <masonry-grid-item v-for="resource in activeResources" :key="resource.key">
<post-teaser :post="resource" /> <post-teaser :post="resource" />
</masonry-grid-item> </masonry-grid-item>
</masonry-grid> </masonry-grid>
<ul v-show="activeTab === 'User'" class="user-list"> <ul v-if="activeTab === 'User'" class="user-list">
<li v-for="resource in activeResources" :key="resource.key" class="item"> <li v-for="resource in activeResources" :key="resource.key" class="item">
<base-card :wideContent="true"> <base-card :wideContent="true">
<user-teaser :user="resource" /> <user-teaser :user="resource" />
</base-card> </base-card>
</li> </li>
</ul> </ul>
<ul v-show="activeTab === 'Hashtag'" class="hashtag-list"> <ul v-if="activeTab === 'Hashtag'" class="hashtag-list">
<li v-for="resource in activeResources" :key="resource.key" class="item"> <li v-for="resource in activeResources" :key="resource.key" class="item">
<base-card :wideContent="true"> <base-card :wideContent="true">
<hc-hashtag :id="resource.id" /> <hc-hashtag :id="resource.id" />
@ -180,7 +180,9 @@ export default {
}, },
methods: { methods: {
clearPage() { clearPage() {
this.resultsPage = 0 this.postPage = 0
this.userPage = 0
this.hashtagPage = 0
}, },
switchTab(tab) { switchTab(tab) {
this.activeTab = tab this.activeTab = tab

View File

@ -598,7 +598,7 @@
"no-results": "No results found for \"{search}\". Try a different search term!", "no-results": "No results found for \"{search}\". Try a different search term!",
"page": "Page", "page": "Page",
"placeholder": "Search", "placeholder": "Search",
"results": "Results found" "results": "result found ::: results found"
}, },
"settings": { "settings": {
"blocked-users": { "blocked-users": {