From adbdeecebcff11f8ba16c6f136c2b20f2071a561 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 4 Jan 2022 10:06:22 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E6=96=87=E7=AB=A0=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=97=A0=E6=B3=95=E6=AD=A3=E5=B8=B8=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/article/_article_id.vue | 47 +++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index 383323e..87cc083 100644
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -42,28 +42,31 @@
                     # {{ tag.tagTitle }}
                   </el-tag>
                 </el-col>
-                <el-col v-if="user" :span="12" style="text-align: right;">
-                  <template v-if="user.idUser !== article.articleAuthorId">
-                    <el-button size="mini" v-if="isFollower(article.articleAuthorId)" @click="cancelFollowUser(article.articleAuthorId)" plain>
-                      取消关注
-                    </el-button>
-                    <el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button>
-                  </template>
-                  <el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')" plain>编辑文章</el-button>
-                  <template v-if="isAdmin">
-                    <el-button size="mini" @click="handleCommand('editTag')" plain>编辑标签</el-button>
-                    <el-button v-if="isPerfect" size="mini" @click="cancelPreference" plain>取消优选</el-button>
-                    <el-button v-else size="mini" @click="setPreference" plain>设为优选</el-button>
-                  </template>
-                  <template v-else-if="hasPermissions">
-                    <el-button size="mini" @click="handleCommand('editTag')" plain>编辑标签</el-button>
-                  </template>
-                  <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
-                </el-col>
-                <el-col v-else :span="12" style="text-align: right;">
-                  <el-button size="mini" @click="gotoLogin" plain>关注</el-button>
-                  <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
-                </el-col>
+                <client-only>
+                  <el-col v-if="user" :span="12" style="text-align: right;">
+                    <template v-if="user.idUser !== article.articleAuthorId">
+                      <el-button size="mini" v-if="isFollower(article.articleAuthorId)"
+                                 @click="cancelFollowUser(article.articleAuthorId)" plain>
+                        取消关注
+                      </el-button>
+                      <el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button>
+                    </template>
+                    <el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')" plain>编辑文章</el-button>
+                    <template v-if="isAdmin">
+                      <el-button size="mini" @click="handleCommand('editTag')" plain>编辑标签</el-button>
+                      <el-button v-if="isPerfect" size="mini" @click="cancelPreference" plain>取消优选</el-button>
+                      <el-button v-else size="mini" @click="setPreference" plain>设为优选</el-button>
+                    </template>
+                    <template v-else-if="hasPermissions">
+                      <el-button size="mini" @click="handleCommand('editTag')" plain>编辑标签</el-button>
+                    </template>
+                    <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
+                  </el-col>
+                  <el-col v-else :span="12" style="text-align: right;">
+                    <el-button size="mini" @click="gotoLogin" plain>关注</el-button>
+                    <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
+                  </el-col>
+                </client-only>
               </el-col>
               <el-col v-if="isShare" style="margin-bottom: 1rem;">
                 <share-box :url="shareData.shareUrl"></share-box>