Vue里面交换数组两个元素的位置

发表于 | 分类于
Vue里面交换数组两个元素的位置

Vue里面交换数组两个元素的位置

后移

i和i+1.交换相当于是i后移一位

1
2
3
4
5
if (i < basket.questions.length - 1) {
    var tempOption = basket.questions[i + 1];
    this.$set(basket.questions, i + 1, basket.questions[i])
    this.$set(basket.questions, i, tempOption)
}

前移

i和i-1.交换相当于是i前移一位

1
2
3
4
5
if (i > 0) {
    var tempOption = basket.questions[i - 1];
    this.$set(basket.questions, i - 1, basket.questions[i]);
    this.$set(basket.questions, i, tempOption)
}

注意都必须写成this.$set这样页面dom的元素才会改变。