如何在开发时绑定到未知 属性 名称

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>