Как связать с неизвестным именем свойства во время разработки

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 является строкой и существует, так как я могу использовать ее для других свойств флажка, таких как подсказка илиидентификатор.

есть мысли?Я новичок в vue.js, javascript, в Интернете.

Answer 1

Попробуйте как показано ниже

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