如何在Vue.js的模板元素中进行字符串插值?

mhd8tkvw  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(125)

我正在遍历一个字典(从一个.json文件中调用),并想用字典中的值检查我的props的一个属性。在我的第一个div中,我将variable attribute设置为字典中的一个值。这个属性variable * 的值为“event”*,这正是我想要的。
在内部div中,props.item.${attribute}代码的求值结果不是props.item.event,这是我所想的。有没有办法将这个变量的值插入到props语句中?

<div
  v-for="data in dict"
  :set="attribute = data.targetAttr"
>             
  <div v-if="props.item.attribute == data.key">
    <a
      :href="data.response"
      target="_blank"
    >
      More Info
    </a> 
  </div>
</div>

我试着查看这里的资源,但是答案只是与有效地Map列表有关,这并不是我的问题。VueJs - How to use variable in v-if?

oyxsuwqo

oyxsuwqo1#

在这种情况下,您应该尝试以下操作

<div v-if="props.item[attribute] === data.key">

相关问题