使用数组排序重新排列 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
})

移动浏览器对您确定其外观的顺序更为严格。