优化关注微信公众号

src/components/User/UserCard.vue

@@ -101,7 +101,8 @@
   <!-- 创建设计 -->
   <temDesign :addTem="addVisible" @close="addVisible=false"/>
   <OrderReview v-if="orderVisible" :show-person="isShowPerson" :default-type="isShowPerson?1:2" @close="()=>orderVisible=false"></OrderReview>
-  <follow v-show="isPublicAccount" :show="isPublicAccount" @close="isPublicAccount=false,getInfo()"></follow>
+  <follow v-show="isPublicAccount" :show="isPublicAccount" @close="isPublicAccount=false"
+  @success="isPublicAccount=false,getInfo()"></follow>
 </template>
 <script lang="ts" setup>
 import { ref, reactive } from "vue";

src/components/home/follow.vue

@@ -64,6 +64,7 @@ const params = reactive({
 })
 const emit = defineEmits<{
     (event: 'close'): void,
+    (event: 'success'): void,
 }>()
 
 const queryTimer = ref<any>(null)
@@ -73,6 +74,7 @@ const RefreshLoading = ref(false)
 const followForm = ref()
 
 const close = () => {
+    stopTimerHandler()
     emit('close')
 }
 if(model.value==0 && ConfigId.value) params.ConfigId = ConfigId.value
@@ -115,7 +117,7 @@ const userLoginHandler = async (type:any)=>{
         if(!type) {
             stopTimerHandler()
             ElMessage.success({message:'关注成功'})
-            location.reload()
+            emit('success')
         }
     }else if(result.status=='ERROR') {
         if(!type) {
@@ -133,17 +135,17 @@ const goVipIntroduce = () =>{
 }
 
 watch(()=>props.show,(n,o)=>{
-    if(!n) stopTimerHandler()
-    if(n) getQrcode()
+    if(n) {
+        getQrcode()
+        if(followForm.value)followForm.value.click()
+    }else document.removeEventListener('click', () => {});
 },{
     immediate: true
 })
 
 onMounted( () => {
     document.addEventListener('click', (e) => {
-        if (props.show&&followForm.value) {
-            followForm.value.click()
-        }
+        
     });
 })
 onBeforeUnmount(() => {