我正在努力实现以下目标:
<tr v-for="item in items" :key='item'>
<td v-for="field in fields" :key='field'>
{{ item[field.toLowerCase()] }}
</td>
</tr>
正如你可能注意到的,我的field
变量是每个item
元素的键,但是这是作为Name
或ID
返回的,我不能以这种方式使用它们。我不想有item[field.toLowerCase()]
,因为我想以一种更整洁的方式拥有它,只使用item[keyField]
,其中keyField
是field
的修改。
有没有可能在VueJS 3中做这样的事情?我尝试了以下方法:
<tr v-for="item in items" :key='item'>
<td v-for="field.toLowerCase() as keyField in fields" :key='field'>
{{ item[keyField] }}
</td>
</tr>
但没有成功。
1条答案
按热度按时间wko9yo5t1#
我不知道如何实现你想要的方式。
但是你可以使用
function
/computed property
来小写你的字段。选中显示筛选/排序结果
还可以使用
map
将toLowerCase()
直接应用于阵列x一个一个一个一个x一个一个二个一个x一个一个三个一个