feat: url存在flag才会执行弹窗

sanmu
1 parent aa1ded8a
Showing 4 changed files with 26 additions and 25 deletions
components/Header.vue
components/MobileProductDetail.vue
components/ProductDetail.vue
stores/dialog.ts
@@ -54,6 +54,8 @@ const input = ref()
 const router = useRouter()
+const dialog = useDialogStore()
+
 const handleKeyDown = (e: any) => {
   if (e.keyCode == 13) {
     handleClick()
@@ -77,6 +79,24 @@ const handleTabClick = () =&gt; {
 watchEffect(() => {
   input.value = productStore.keyword
 })
+
+onMounted(() => {
+  // 获取url的参数
+  const url = window.location.href
+  const index = url.indexOf('?')
+  if (index !== -1) {
+    const params = url.slice(index + 1).split('&')
+    const obj: any = {}
+    params.forEach((item) => {
+      const arr = item.split('=')
+      obj[arr[0]] = arr[1]
+    })
+    // 获取dialog的状态
+    if (obj.flag) {
+      dialog.updateDialog(true)
+    }
+  }
+})
 </script>
 <style lang="scss" scoped>
@@ -31,8 +31,7 @@
       </v-col>
     </v-row>
     <div v-if="info.ticketTypes?.length" class="py-4 mx-4 bg-white rounded-lg tw-flex tw-flex-wrap tw-justify-around">
-      <v-sheet v-for="item in info.ticketTypes || []" :key="item.rank" rounded="lg" border
-        class="tw-w-[40%] mb-4">
+      <v-sheet v-for="item in info.ticketTypes || []" :key="item.rank" rounded="lg" border class="tw-w-[40%] mb-4">
         <div
           class="tw-bg-[#dcecfa] tw-h-[64px] !tw-leading-[64px] rounded-lg rounded-b-0 pa-2 tw-text-center text-h6 tw-overflow-hidden tw-text-ellipsis">
           {{ item.typeName }}
@@ -111,25 +110,9 @@ const props = defineProps&lt;{
   info: Product
 }>()
 const info = props.info
-onMounted(() => {
-  dialogStore.updateDialog(true)
-})
-//   getDetail({ id: route.params.id as string }).then((res) => {
-
-//     const doc = document as any
-//     const head = doc.getElementsByTagName('head')
-//     const meta = doc.createElement('meta')
-//     document.title = data.name
-//     doc
-//       .querySelector('meta[name="keywords"]')
-//       .setAttribute('content', data.metakeywords || data.name)
-//     doc
-//       .querySelector('meta[name="description"]')
-//       .setAttribute('content', data.metadescription || data.name)
-//     head[0].appendChild(meta)
-//   })
+// onMounted(() => {
+//   dialogStore.updateDialog(true)
 // })
-
 const tab = ref(0)
 const slide = ref(0)
 </script>
@@ -117,10 +117,9 @@ const props = defineProps&lt;{
 }>()
 const info = props.info
-onMounted(() => {
-  console.log('%c [  ]-124', 'font-size:13px; background:pink; color:#bf2c9f;', 111)
-  dialogStore.updateDialog(true)
-})
+// onMounted(() => {
+//   dialogStore.updateDialog(true)
+// })
 const tab = ref(0)
 const slide = ref(0)
@@ -5,7 +5,6 @@ export const useDialogStore = defineStore(&#39;dialog&#39;, () =&gt; {
   const dialog = ref(false)
   const updateDialog = (value: boolean) => {
-    console.log('%c [ value ]-8', 'font-size:13px; background:pink; color:#bf2c9f;', value)
     dialog.value = value
   }