VueJs Удаление полосы прокрутки после переключения на мобильный вид - PullRequest
Новая
       15

VueJs Удаление полосы прокрутки после переключения на мобильный вид

0 голосов
/ 25 марта 2020

Я начал стажировку, и они дали мне существующее приложение для улучшения в VueJs. Однако я все еще новичок в веб-разработке. Вот моя проблема: есть форма, которая разделена на множество строк, каждая из которых содержит много входов, поэтому я добавил полосу прокрутки, поскольку пользователь может заполнить их все, но как только я переключаюсь в мобильный режим, он появляется в первой ряд, но когда я go другим, он исчезает. После повторного переключения в режим P C и перехода в другой ряд он появляется снова. 

<template>
  <v-tab-item>
    <v-container
      id="scroll-target"
      style="max-height: 400px"
      class="overflow-y-auto"
    >
    <v-card flat>
      <v-card  v-if="##############">
        <v-card-text>
            <inputs v-bind="$props" />
        </v-card-text>
      </v-card>
      <v-row  v-for="########":key="#####">
		    <v-col>
		      <inputSectionCard :######" />
        </v-col>
      </v-row>
      <v-row v-if="#####">
          <v-col>
            <localisationCard />
          </v-col>
      </v-row>
      <v-row v-if="####">
          <v-col>
            <attachments />
          </v-col>
        </v-row>
      </v-card>
      <scrollbar />
   </v-container>
  </v-tab-item>
</template>
 
 component scrollBar:
 <template>
  <v-row
    v-scroll:#scroll-target="onScroll"
    align="center"
    justify="center"
    style="height: 100%"
  >
  </v-row>
  </template>

<script>
export default {
  data: () => ({
    offsetTop: 0
  }),

  methods: {
    onScroll(e) {
      this.offsetTop = e.target.scrollTop
    }
  }
}
</script>
...