Vuejs根据键值渲染数组列表

时间:2019-09-15 16:24:46

标签: vue.js

我有一个dataArray,其数据如下:

dataArray: {'stat1': 'stat1stat', 'stat2': 'stat2stat', 'stat3': 'stat3stat'}

以此类推,包含数组中的数百个统计信息。

我一直在像这样在vue模板中输出硬编码的内容:

{{dataArray.stat2}} {{dataArray.stat3}} ..etc

我想做的是有一个新的数组,该数组指定要渲染的键。像这样:

dataToShow: ['stat2', 'stat3']

然后以某种方式可以执行循环或v-for以仅显示dataToShow中的数据

我尝试了几种不同的方法,但无法正常工作。我认为它必须是计算属性,但无法正常工作。

任何人都可以就如何实现这一点提供一些建议吗?

1 个答案:

答案 0 :(得分:1)

这不就是这个吗?

y = [0,1,2,1]
k = 3

arr = np.zeros((len(y),k))

for row, i in zip(arr, y):
    row[i]=1

print(arr)

为每个条目加上任何相关的标记。

y = [0,1,2,1] k = 3 arr = [([0]*k).copy() for _ in range(len(y))] for row, i in zip(arr, y): row[i]=1 print(arr) 可以是您建议的计算属性,但也可以很容易地放在您的<template v-for="property in dataToShow"> {{ dataArray[property] }} </template> 中:

dataToShow