почему мое Веб приложение в 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>
У него была та же проблема и та же самая 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.