почему мое Веб приложение в vue.js, он идет медленная в dispositvos мобильные телефоны?

Привет я начинаю использовать VUE.JS все в порядке в pc's рабочего стола и laptops, но когда я открываю Веб в dispotivos такие мобильные телефоны как мобильные телефоны, или tablets он становится действительно очень медленным.

Только у меня есть простой формуляр, и когда себе пишет что-то в неударе в лунку, связанном с v-model буквы, они оказываются очень медленными также, когда я открываю ventanda диалога, он очевиден немного медлительности. Я эх отчитанный q все то, что есть у v-model, становится медленным. Alguie переместил то же самое его?. Спасибо заранее.

ЗАМЕТЬ: уже я попытался в нескольких подвижных dispositvos и также ощутился, что в мобильных телефонах высокого спектра у него нет медлительности, например попытался в galaxy s9 и все в порядке, но в lg k8 идет медленный tabien в таблетке samsung galaxy tab.

С ЭТИМ Я ДЕЛАЮ СПИСОК:

 <v-layout row>
      <v-flex xs12 sm6 offset-sm3>
        <v-card>
          <v-list>
            <v-list-group v-for="(piso,i) in pisos" :key="i">
              <v-list-tile slot="activator">
                <v-list-tile-content>
                  <v-list-tile-title><h3>{{ piso.nombre_piso }}</h3></v-list-tile-title>
                </v-list-tile-content>
              </v-list-tile>
              <v-list-tile  v-for="(ambiente,e) in piso.ambientes" :key="e" >
                <v-list-tile-content  @click="OpenRegistro(piso.nombre_piso,ambiente)">
                <v-list-tile-title style="margin-left:50px;">{{ambiente}}</v-list-tile-title>
              </v-list-tile-content>
              </v-list-tile>
            </v-list-group>
          </v-list>
        </v-card>
      </v-flex>
    </v-layout >

ЭТО МОЕ ДИАЛОГОВОЕ ОКНО ВНУТРИ ЭТА MY ФОРМУЛЯР

      <v-card >
        <v-card-text>
          <v-card-title>
            <h2>REGISTRO DATOS DE AMBIENTE </h2> 
          </v-card-title>
          <v-container>
            <v-form>
              <v-text-field label="fecha" v-model="registro.fecha">
              </v-text-field>
              <v-text-field label="responsable" v-model="registro.responsable">
              </v-text-field>
              <v-text-field label="piso" v-model="registro.piso">
              </v-text-field>
              <v-text-field label="ambiente" v-model="registro.ambiente" >
              </v-text-field>
              <v-text-field label="Altura de medicion " v-model="registro.altura_medicion" >
              </v-text-field>

              <v-layout xs12  row justify-space-between>
                  <v-flex md3 xs1>
                  <h3> MEDICIÓN LUMINICA</h3>
                  </v-flex>
                  <v-flex md3 xs8>
                    <v-btn color="red"  @click="addmedicion">
                      Agrega mediciÓn
                    </v-btn>
                  </v-flex>
              </v-layout>
              <v-layout xs12 v-for="(r,w) in registro.medicion_fotoluminica" :key="w" row justify-space-between>

                <v-flex md1 xs2 >
                  <v-icon @click="EliminaItem(registro.medicion_fotoluminica,w)" color="red lighten-1" class="rowPartida">
                    delete
                  </v-icon>
                  <v-chip label >{{ r.nro_medicion = w+1}}</v-chip>
                </v-flex>

                <v-flex md1 xs3>
                  <v-text-field v-model="r.resultado"  label="resultado" >
                  </v-text-field>
                </v-flex>
                <v-flex md3 xs5>
                  <v-text-field label="Descripción " v-model="r.decripcion" >
                  </v-text-field>
                </v-flex>
                <v-flex md2 xs2>
                  <input type="file" multiple="true" v-on:change="uploadFotos(r,$event)">
                </v-flex>

              </v-layout>

              <v-layout row justify-space-between>
                  <v-flex xs3 md3 >
                    <h3> LUMINARIAS</h3>
                  </v-flex>
                  <v-flex md3 xs7>
                    <v-btn color="red"  @click="addluminaria">
                      Agrega luminaria
                    </v-btn>
                  </v-flex>
              </v-layout>
              <v-layout row justify-space-between  v-for="(a,o) in registro.tipo_luminarias" :key="'C'+o">
                <v-flex md1 xs1 >
                    <v-icon @click="EliminaItem(registro.tipo_luminarias,o)" color="red lighten-1" class="rowPartida">
                    delete
                  </v-icon>
                </v-flex>
                <v-flex md3 xs6 >
                    <v-autocomplete v-model="a.nombre_luminaria" :items="luminarias" placeholder="tipo de luminaria"></v-autocomplete>
                </v-flex>
                <v-flex md1 xs2>
                  <v-text-field  v-model="a.cantidad" label="cantidad" >
                  </v-text-field>
                </v-flex>
                <v-flex md1 xs2>
                  <v-autocomplete v-model="a.estado" :items="estados" placeholder="estado" ></v-autocomplete>
                </v-flex>
                <v-flex md2 xs2>
                  <v-text-field label="Observacion " v-model="a.observacion" >
                  </v-text-field>
                </v-flex>
              </v-layout>

              <v-layout row justify-space-between>
                  <v-flex md3 xs6 >
                  <h3>  SENSORES</h3>
                  </v-flex>
                  <v-flex md3 xs6 >
                    <v-btn color="red"  @click="addsensores">
                      Agrega SENSOR
                    </v-btn>
                  </v-flex>
              </v-layout>
              <v-layout row justify-space-between v-for="(f,g) in registro.tipo_sensores" :key="'A'+g">
                <v-flex md1 xs1>
                  <v-icon @click="EliminaItem(registro.tipo_sensores,g)" color="red lighten-1" class="rowPartida">
                    delete
                  </v-icon>
                </v-flex>
                <v-flex md3 xs6 >
                    <v-autocomplete v-model="f.nombre_sensor" :items="sensores"  placeholder="tipo de sensores"></v-autocomplete>
                </v-flex>
                <v-flex md1 xs1>
                  <v-text-field v-model="f.cantidad"  label="cantidad" >
                  </v-text-field>
                </v-flex>
                <v-flex row md2 xs3>
                <v-autocomplete v-model="f.estado" :items="estados" placeholder="estado" ></v-autocomplete>
                </v-flex>
                 <v-flex md2 xs3>
                  <v-text-field label="Observacion " v-model="f.observacion" >
                  </v-text-field>
                </v-flex>
              </v-layout>
              <v-layout xs12 row justify-space-between>
                  <v-flex  md3  xs6>
                  <h3>   INTERRUPTORES </h3>
                  </v-flex>
                  <v-flex md3 xs4> 
                    <v-text-field  v-model="registro.interruptores_cantidad"  label="cantidad" >
                  </v-text-field>
                </v-flex>
                <v-flex md2 xs5>
                  <v-text-field v-model="registro.interruptores_observaciones"   label="observaciones" >
                  </v-text-field>
                </v-flex>
              </v-layout>
            </v-form>
          </v-container>
        </v-card-text>
        <v-layout row justify-space-between class="mt-3">
              <v-flex>
                <v-btn color="blue accent-4" @click="guardar">GUARDAR</v-btn>
              </v-flex>
              <v-flex>
                <v-btn  color="grey darken-2primary" @click="cerrar">CERRAR</v-btn>
              </v-flex>
        </v-layout>
      </v-card>

  </v-dialog>
0
задан 08.03.2019, 17:35
1 ответ

У него была та же проблема и та же самая lГіgica твоего кода, создавала dinamicamente объекты, но в действительности она razГіn был недостаточной памятью устройств mГіviles (как они упоминают наверху), старайтесь решать это делая Коде Сплиттинг , но решение для меня состояло в том, чтобы создавать один aplicaciГіn для mГіviles, используйте XamarinForm , у него было преимущество, у которого был Веб API, прибудьте в эту conclusiГіn, после исследуя много, я надеюсь, что мой опыт помогает тебе

Update

Actualizando мой ответ, относительно моего опыта, я использовал vuetify, и изменился в element ui, и совсем comenzГі, чтобы меняться, даже в подвижных устройствах низких ресурсов она aplicaciГіn Веб corrГ - в супер rГЎpido.

PodrГ, - Чтобы осмеливаться сказать, что проблема была vuetify.

2
ответ дан 02.12.2019, 05:51