소스 검색

重置滚动条

szw 1 년 전
부모
커밋
c16e42beb8
1개의 변경된 파일5개의 추가작업 그리고 1개의 파일을 삭제
  1. 5 1
      src/views/register.vue

+ 5 - 1
src/views/register.vue

@@ -10,7 +10,7 @@
           <el-step title="注册套餐"></el-step>
         </el-steps>
       </div>
-      <div class="contentSty">
+      <div class="contentSty" ref="content">
         <!-- 动态组件 -->
         <component
           :is="currentComponent"
@@ -104,9 +104,13 @@ export default {
   methods: {
     next() {
       this.activeStep++;
+      //重置滚动条
+      this.$refs.content.scrollTop = 0;
     },
     previous() {
       this.activeStep--;
+      //重置滚动条
+      this.$refs.content.scrollTop = 0;
     },
     changeComponents(componentName) {
       this.currentComponent = componentName;