Question

我有一个问题，我输出组件列表然后重新排序。这适用于我的桌面Chrome，但不适用于移动游猎或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
})

移动浏览器对您确定订单的方式更加严格。

使用数组排序重新排列vue中的元素不能在移动设备上运行？

1 个答案: