页面问题修复

pages/sdk.vue

@@ -1,5 +1,5 @@
 <template>
-  <Fragment>
+  <div>
     <div class="content">
       <div class="section" style="height: calc(100vh - 80px)">
         <div class="banner">
@@ -191,25 +191,25 @@
     <ul v-show="active !== 0" class="index">
       <li v-for="idx in 6" :key="idx" :class="{active: active===idx}" @click="handlerToSection(idx)"></li>
     </ul>
-
-    <el-dialog 
-      :visible.sync="modalViable"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      width="480px"
-      @close="resetStatus"
-    >
-      <sdk-form ref="sdkForm"></sdk-form>
-    </el-dialog>
-  </Fragment>
+    <no-ssr>
+      <el-dialog 
+        :visible.sync="modalViable"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        width="480px"
+        @close="resetStatus"
+      >
+        <sdk-form ref="sdkForm"></sdk-form>
+      </el-dialog>
+    </no-ssr>
+  </div>
 </template>
 
 <script>
 import { throttle } from 'throttle-debounce';
-import { Fragment } from 'vue-fragment'
 import sdkForm from '~/components/SdkForm.vue'
 export default {
-  components: {Fragment, sdkForm},
+  components: { sdkForm},
   data() {
     return {
       modalViable: false,
@@ -255,8 +255,9 @@ export default {
     // noLeadind<T> 代表第一次不触发函数执行，解决了鼠标滚轮事件在防抖处理后还触发两次绑定事件的问题
   },
   beforeDestroy() {
-    window.beforeDestroy('resize',this.getLastSectionH)
-    window.beforeDestroy('scroll',this.handlerScroll)
+     window.removeEventListener('resize',this.getLastSectionH)
+     window.removeEventListener('scroll',this.handlerScroll)
+     window.onmousewheel=document.onmousewheel=''
   },
   methods: {
     // 获取最后一个selection的高度