어레이 정렬을 사용하여 모바일에서 작동하지 않는 vue의 요소를 재배치하시겠습니까?

어레이 정렬을 사용하여 모바일에서 작동하지 않는 vue의 요소를 재배치하시겠습니까?

컴포넌트 목록을 출력한 후 재주문하는 문제가 있습니다.데스크탑 크롬에서는 동작하지만 모바일 사파리나 크롬에서는 동작하지 않습니다.이런 거 본 사람 있어?

자세한 내용은 엔티티 어레이를 관리하는 vuex 모듈을 사용하고 있기 때문에 이 변환을 통해 엔티티 어레이를 다시 정렬합니다.

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

그런 다음 컴포넌트에서 다음 엔티티 배열에 따라 마크업을 출력합니다.

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

알아냈어!

나는 이것을 바꿔야 했다.

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

다음과 같이 입력합니다.

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
})

모바일 브라우저는 순서를 결정하는 데 더 엄격할 뿐입니다.

언급URL : https://stackoverflow.com/questions/46018121/using-array-sort-to-rearrange-elements-in-vue-not-working-on-mobile