Browse Source

fix: 修复 safari bug [This webpage has reloaded because a problem occurred]

zhangyuhan 1 year ago
parent
commit
19c557f979

+ 1 - 0
apps/bigmember_pc/src/components/selector-cascader/AreaCityCascader.vue

@@ -20,6 +20,7 @@
     trigger="click"
   >
     <el-cascader-panel
+      v-if="popover.waitDelayRenderLoaded"
       v-model="value"
       :options="optionsList"
       :props="propsData"

+ 1 - 0
apps/bigmember_pc/src/components/selector-cascader/BuyerClassCascader.vue

@@ -20,6 +20,7 @@
     trigger="click"
   >
     <el-cascader-panel
+      v-if="popover.waitDelayRenderLoaded"
       v-model="value"
       :options="optionsList"
       :props="propsData"

+ 2 - 0
apps/bigmember_pc/src/components/selector-cascader/IndustryCascader.vue

@@ -20,11 +20,13 @@
     trigger="click"
   >
     <el-cascader-panel
+      v-if="popover.waitDelayRenderLoaded"
       v-model="value"
       :options="optionsList"
       :props="propsData"
       @change="onChange"
     ></el-cascader-panel>
+
     <div class="el-cascader virtual-cascader" slot="reference">
       <div
         class="el-input virtual-input el-input--suffix"

+ 1 - 0
apps/bigmember_pc/src/components/selector-cascader/SubscribeClassListCascader.vue

@@ -20,6 +20,7 @@
     trigger="click"
   >
     <el-cascader-panel
+      v-if="popover.waitDelayRenderLoaded"
       v-model="value"
       :options="optionsList"
       :props="propsData"

+ 1 - 0
apps/bigmember_pc/src/components/selector-cascader/searchrangeCascader.vue

@@ -20,6 +20,7 @@
     trigger="click"
   >
     <el-cascader-panel
+      v-if="popover.waitDelayRenderLoaded"
       v-model="value"
       :options="optionsList"
       :props="propsData"

+ 5 - 1
apps/bigmember_pc/src/utils/mixins/selector-cascader.js

@@ -10,13 +10,17 @@ export const cascaderMixin = {
   data() {
     return {
       popover: {
-        show: false
+        show: false,
+        waitDelayRenderLoaded: false
       }
     }
   },
   methods: {
     onPopoverShow() {
       this.popover.show = true
+      this.$nextTick(() => {
+        this.popover.waitDelayRenderLoaded = true
+      })
       this.$emit('show')
     },
     onPopoverHide() {