2017-09-02 1 views
1

Ich habe ein Problem, bei dem ich eine Liste von Komponenten ausspreche und sie dann neu anordne. Dies funktioniert in meinem Desktop-Chrom, aber nicht in mobilen Safari oder Chrom. Wer jemals in das hineingeraten?Verwenden von Array Sort zum Neuanordnen von Elementen in Vue funktioniert nicht auf Mobile?

Für mehr Informationen, habe ich einen vuex Modul, das die Einheit Array verwaltet und ich verpflichte diese Mutation sie neu zu ordnen:

state.entities.sort((a, b) => parseInt(a.initiative) < parseInt(b.initiative))

Dann in einer Komponente, ich Auszeichnungs ausgebe gemäß dieser Anordnung von Einheiten:

<entity v-if="showEntityList" v-for="entity in entities" :key="entity.id" :entity="entity"/>

Antwort

1

es heraus!

Ich hatte dies zu ändern:

state.entities.sort((a, b) => parseInt(a.initiative) < parseInt(b.initiative)) 

dazu:

state.entities.sort((a, b) => { 
    if(parseInt(a.initiative) < parseInt(b.initiative)) { 
     return 1 
    } 

    if(parseInt(a.initiative) > parseInt(b.initiative)) { 
     return -1 
    } 

    return 0 
}) 

Der mobile Browser mit nur strenger ist, wie Sie, um es so aussieht, bestimmen.

Verwandte Themen