vue.js - 如何在开发时绑定到未知的属性名称

Question

以下正确绑定到我的模型上的属性

      <v-checkbox
        v-if="header.dataType === 'Toggle'"
        v-model="myprops.item.superColumn"
        @change="onChanged(myprops.item)"
      ></v-checkbox>

就像这个

      <v-checkbox
        v-if="header.dataType === 'Toggle'"
        v-model="myprops.item['superColumn']"
        @change="onChanged(myprops.item)"
      ></v-checkbox>

但这两者都要求我在开发时知道该物业的名称，而我不知道。

以下不起作用

      <v-checkbox
        v-if="header.dataType === 'Toggle'"
        v-model="myprops.item[header.columnName]"
        @change="onChanged(myprops.item)"
      ></v-checkbox>

header.columnName 是一个字符串并且存在，因为我可以将它用于复选框上的其他属性，例如提示或 id。

有什么想法吗？我是 vue.js、javascript、网络的新手。

Answer 1

尝试如下

<v-checkbox
        v-if="header.dataType === 'Toggle'"
        v-model="myprops.item[''+header['columnName']]"
        @change="onChanged(myprops.item)"
      ></v-checkbox>