[update] 修改bug81904

src/components/CalendarField.vue

@@ -14,25 +14,26 @@
       v-on="childListeners"
       @click="clickField"
     />
+    <!--  使用lazy-render会在进入流程详情页时就卡顿  -->
     <van-popup
       v-model="showCalendar"
       position="bottom"
       closeable
       round
       safe-area-inset-bottom
-      close-on-click-overlay
       close-on-popstate
     >
       <van-calendar
-          color="#3074F6"
-          :poppable="false"
-          :min-date="minDate"
-          :max-date="maxDate"
-          @confirm="onConfirm"
-          :style="{ width: '100%', height: '80vh' }"
+        color="#3074F6"
+        :poppable="false"
+        :min-date="minDate"
+        :max-date="maxDate"
+        lazy-render
+        @confirm="onConfirm"
+        :style="{ width: '100%', height: '80vh' }"
       />
     </van-popup>
-        <!--  上面的方法只有第一次加载的时候卡，之后加载不会卡  -->
+        <!--  上面的方法只有第一次加载的时候卡，之后加载不会卡，因为日历不会再次渲染  -->
 <!--    <van-calendar-->
 <!--      color="#3074F6"-->
 <!--      v-model="showCalendar"-->
@@ -66,8 +67,10 @@ export default {
   data () {
     return {
       showCalendar: false,
-      minDate: new Date(2000, 0, 1),
-      maxDate: new Date(2300, 0, 1) // 设置时间可选日期时间跨度太大的话显示和隐藏日历很卡
+      // minDate: new Date(new Date().getFullYear() - 50, 0, 1),
+      // maxDate: new Date(new Date().getFullYear() + 50, 0, 1)
+      minDate: new Date(1949, 0, 1),
+      maxDate: new Date(2100, 0, 1) // 设置时间可选日期时间跨度太大的话显示和隐藏日历很卡
     }
   },
   computed: {