Use v-show instead of v-if where it is not necessary

This commit is contained in:
AkiraFukushima 2018-07-15 10:34:08 +09:00
parent 532b71b31f
commit af1ce9030e
6 changed files with 18 additions and 15 deletions

View File

@ -1,9 +1,9 @@
<template>
<div class="status" tabIndex="0">
<div v-if="filtered(message)" class="filtered">
<div v-show="filtered(message)" class="filtered">
Filtered
</div>
<div v-else class="favourite">
<div v-show="!filtered(message)" class="favourite">
<div class="action">
<div class="action-mark">
<icon name="star" scale="0.7"></icon>

View File

@ -1,9 +1,9 @@
<template>
<div class="status" tabIndex="0">
<div v-if="filtered(message)" class="filtered">
<div v-show="filtered(message)" class="filtered">
Filtered
</div>
<div v-else class="reblog">
<div v-show="!filtered(message)" class="reblog">
<div class="action">
<div class="action-mark">
<icon name="retweet" scala="0.7"></icon>

View File

@ -1,9 +1,9 @@
<template>
<div class="status" tabIndex="0">
<div v-if="filtered(message)" class="filtered">
<div v-show="filtered(message)" class="filtered">
Filtered
</div>
<div v-else class="toot">
<div v-show="!filtered(message)" class="toot">
<div class="icon">
<img :src="originalMessage(message).account.avatar" @click="openUser(originalMessage(message).account)"/>
</div>
@ -44,7 +44,7 @@
</div>
<div class="clearfix"></div>
</div>
<div class="reblogger" v-if="message.reblog !== null">
<div class="reblogger" v-show="message.reblog !== null">
<icon name="retweet"></icon>
<span class="reblogger-icon" @click="openUser(message.account)">
<img :src="message.account.avatar" />
@ -81,7 +81,7 @@
<li role="button" @click="copyLink(originalMessage(message))">
Copy Link to Toot
</li>
<li role="button" class="separate" @click="deleteToot(message)" v-if="isMyMessage(message)">
<li role="button" class="separate" @click="deleteToot(message)" v-show="isMyMessage(message)">
Delete
</li>
</ul>
@ -91,7 +91,7 @@
</el-button>
</popper>
</div>
<div class="application" v-if="application(message) !== null">
<div class="application" v-show="application(message) !== null">
via {{ application(message) }}
</div>
</div>

View File

@ -1,6 +1,6 @@
<template>
<transition name="image-viewer">
<div id="image" v-if="modalOpen" @click="close">
<div id="image" v-show="modalOpen" @click="close">
<div class="image-wrapper" @keyup.esc.exact="close" tabindex="-1" ref="wrapper">
<div class="image-header">
<el-button type="text" icon="el-icon-close" @click="close" class="close-button"></el-button>

View File

@ -6,7 +6,10 @@
<script>
export default {
props: {
src: String
src: {
type: String,
default: ''
}
},
methods: {
file_ext () {

View File

@ -5,7 +5,7 @@
width="400px"
class="new-toot-modal">
<el-form v-on:submit.prevent="toot">
<div class="spoiler" v-if="showContentWarning">
<div class="spoiler" v-show="showContentWarning">
<el-input placeholder="Write your warning here" v-model="spoiler"></el-input>
</div>
<div class="status">
@ -34,10 +34,10 @@
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="sensitive" v-if="attachedMedias.length > 0">
<div class="sensitive" v-show="attachedMedias.length > 0">
<el-button size="small" type="text" @click="changeSensitive">
<icon name="eye-slash" v-if="sensitive"></icon>
<icon name="eye" v-else></icon>
<icon name="eye-slash" v-show="sensitive"></icon>
<icon name="eye" v-show="!sensitive"></icon>
</el-button>
</div>
<div class="content-warning">