VueJs - 前置到数组

时间:2016-02-19 22:06:53

标签: javascript arrays vue.js

我正在尝试将数据添加到VueJs中的数组:

number: [

],

this.number.push({
    number: 1
})

我如何前置而不是附加?

4 个答案:

答案 0 :(得分:20)

不印字:

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;

答案 1 :(得分:0)

Unshift是一个很好的解决方案。但是使用concat是一个不同的解决方案:

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

答案 2 :(得分:0)

Vue只包含一个观察到的这种Array方法:$ heroku run rake:db:migrate $ heroku restart 。你可以使用unshift或splice。例如:

push, pop, shift, unshift, splice, sort, reverse

答案 3 :(得分:0)

我还将在数组中添加新的前缀:

this.number = [
 { number: 1 },
  ...this.number
]