我正在努力实现以下目标：

<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>

但没有成功。