Vue.js 使用vuetify动态显示查询对象中的某些列数据

Vue.js 使用vuetify动态显示查询对象中的某些列数据,vue.js,vuetify.js,nuxt.js,Vue.js,Vuetify.js,Nuxt.js,我有一个查询对象,返回357列(例如,fullRecord)。对于UI的某一部分,我想查询其中大约125个项目的子集,并将它们显示在列表中。我有我想在数组中显示的那些项目的列名(例如colsWanted) 我试图弄清楚如何动态地遍历“colsWanted”数组,并在vuetify界面中显示适当的“fullRecord.colsWanted(Item)”。我尝试了一百万次不同的迭代,但下面是最新的一次,显示了一个错误: {index}。{{fullRecord[value]}} 无法使用的 实

我有一个查询对象,返回357列(例如,fullRecord)。对于UI的某一部分,我想查询其中大约125个项目的子集,并将它们显示在列表中。我有我想在数组中显示的那些项目的列名(例如colsWanted)

我试图弄清楚如何动态地遍历“colsWanted”数组,并在vuetify界面中显示适当的“fullRecord.colsWanted(Item)”。我尝试了一百万次不同的迭代,但下面是最新的一次,显示了一个错误:


{index}。{{fullRecord[value]}}
无法使用的
实际上,我没有从中得到任何错误;但当它们实际上应该返回结果时,不会显示任何结果


提前感谢您的帮助。

您的对象键选择错误:

<span v-if="fullRecord[value] in fullRecord">



另外,我会将
value
重命名为
key
,因为它实际上就是这样。

非常感谢您的反馈。事实上,我决定走一条完全不同的路线,但我会为将来保留细节。@Flame只是对编辑的评论。我的linter首选项推送属性的堆叠嵌套格式。不确定其他人是否有相同的设置,但认为我会分享。我想这更容易阅读。当然,情况因更多属性而不同
<span v-if="value in fullRecord">
<span v-if="fullRecord.hasOwnProperty(value)">