Javascript Vue.js参数化变量名

Javascript Vue.js参数化变量名,javascript,vue.js,Javascript,Vue.js,我正在尝试参数化变量名,以便它们可以作为属性传递到我的组件中。在下面的示例中,我想使用它将项变量的名称传递到数组中,这样我就可以有选择地将它们显示为表中的列,而无需绑定知道项变量的名称 <div id="myApp"> <h2>parameterized variable names</h2> <table> <tr> <th v-for="label in labels">{{la

我正在尝试参数化变量名,以便它们可以作为属性传递到我的组件中。在下面的示例中,我想使用它将项变量的名称传递到数组中,这样我就可以有选择地将它们显示为表中的列,而无需绑定知道项变量的名称

<div id="myApp">
   <h2>parameterized variable names</h2>
    <table>
      <tr>
        <th v-for="label in labels">{{label}}</th>
      </tr>  
      <tr v-for="item in items">
         <td v-for="label in labels">{{item.label}}</td>
      </tr>  
    </table>  
 </div>

这不起作用,因为它试图在声明
{{item.label}
中呈现名为“label”的变量。我怎样才能告诉它“label”不是文本变量名

您可以在Vue.js模板中使用数组语法,因此以下内容应该可以使用:

<td v-for="label in labels">{{ item[label] }}</td>
{{item[label]}
<td v-for="label in labels">{{ item[label] }}</td>