使用数组排序重新排列 vue 中的元素不适用于移动设备？

Question

我在输出组件列表然后重新排序它们时遇到了问题。这适用于我的桌面 chrome，但不适用于移动 safari 或 chrome。有人遇到过这种情况吗？

有关更多信息，我有一个管理实体数组的 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"/>

Answer 1

弄清楚了！

我不得不改变这一点：

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

移动浏览器对您如何确定它的顺序更加严格。