当前位置:  开发笔记 > 编程语言 > 正文

Vue.js交换数组项

如何解决《Vue.js交换数组项》经验,为你挑选了1个好方法。

在我的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;
                    });
            }
        }
    }

但没有任何反应?我在这做错了什么?



1> Justin MacAr..:

虽然@dfsq对于index++Vue 的使用是正确的,但由于无法观察它们而无法识别阵列的原生突变.你必须使用变异方法来改变它们.

试试这个:

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

我没有测试过,我会尽可能地编辑.

推荐阅读
重庆制造漫画社
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有