javascript - Vue.js 交换数组项

Question

在我的 vue.js 应用程序中，我尝试像这样交换 2 个论坛行:

export default {
        data() {
            return {
                forums: []
            }
        },

        methods: {
            increment(forum, index) {
                ForumService.increment(forum)
                    .then(() => {
                        let b = this.forums[index];
                        this.forums[index] = this.forums[index++];
                        this.forums[index++] = b;
                    });
            }
        }
    }

但是没有任何反应？我在这里做错了什么？

Answer 1

虽然@dfsq 关于 index++ 的使用是正确的，但由于无法观察到数组，Vue 无法识别数组的 native 突变。你必须使用变异方法来改变它们。

试试这个:

.then(() => {
  let rows = [this.forums[index], this.forums[index + 1]];
  this.forums.splice(index, 2, rows[1], rows[0] );
});

我还没有测试过，我会在可能的时候进行编辑。