VueJs - 预置到数组

VueJs - Prepend to array

本文关键字：数组 VueJs      更新时间：2023-09-26

我正在尝试将数据附加到 VueJs 中的数组中：

number: [
],
this.number.push({
    number: 1
})

如何预置而不是追加？

取消移位：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

this.number.unshift({number: 1});

您还可以传递多个参数以将它们全部相加：

this.number.unshift({number: 1}, {number: 2});

返回值是数组的新长度：

var foo = [1];
var bar = foo.unshift(2, 3, 4);
//foo = [2, 3, 4, 1]; bar = 4;

Vue 只包装了一个观察到的数组方法：push, pop, shift, unshift, splice, sort, reverse .您可以使用取消移位或拼接。例如：

 youArray.splice(0, 0, 'first item in Array');

Unshift 是一个很好的解决方案。但这里有一个使用 concat 的不同解决方案：

this.number = [{number: 1}].concat(this.number);

我还会向数组添加新的前缀方式：

this.number = [
 { number: 1 },
  ...this.number
]
相关文章：