Vue - 内插变量

Question

我有一个问题：

如何将变量放入插值中？

例如：

<template>

<span>{{item.VARIABLE.name}}</span>

</template>


<script>
let VARIABLE = 'somenthing'
</script>

我的＆＃34; item.name＆＃34;来自JSON，我需要在中间放一个变量。

Answer 1

正如@Bert在第一条评论中所说，您可以使用[variable] .name样式访问来访问它。

如果不清楚，则必须在Vue的数据中定义变量，否则Vue无法看到它，并且访问会产生错误。

基本上是这样的：

{{ item[place].name }} // Pete

如果您的Vue数据类似于：

，则

有效

data: {
  item: {
    a: {
      name: "Pete"
    }
  },
  place: "a"
}