我正在开发一个小型 VueJS webapp。我想将数据从我的数组输出到视图,但它必须是数组的最后一项,最后一项是第二项,在我的示例中等于 39。我不知道我该怎么做收到那个。
HTML
<p>The last number in the array (a) is {{userLastCount}} </p>
Javascript / 查看
data () {
return {
event: 'Custom event',
userLastCount: 0,
lineData: [
{ time: '2017-05-01 15:00', a: 0 },
{ time: '2017-05-01 16:00', a: 12 },
{ time: '2017-05-01 17:00', a: 23 },
{ time: '2017-05-01 18:00', a: 28 },
{ time: '2017-05-01 19:00', a: 39 },
]
}
},
components: {
DonutChart, BarChart, LineChart, AreaChart
},
created() {
this.userLastCount = //equal to 39
}
我想输出 lineData 对象的“a”的最后一个值并将其分配给我可以输出到视图的数据字符串。所以,现在最后一个'a' = 39。但是如果我在我的对象中添加另一行它必须是分配给的那一行this.userLastCount
数组的最后一项是arr[arr.length - 1]
。您可以使用 acomputed
始终为您设置该值,而不是自己维护数据项:
computed: {
userLastCount() {
return this.lineData[this.lineData.length - 1].a;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句