json - Vue 使用 v-model 更改 key 本身

Question

我现在有点卡住了，找不到任何相关信息。

我有一个像这样的 json:

rows: {
    someKeyName: 'test'
}

现在我想将“someKeyName”更改为“myNewKeyName”。

我从这个开始

<section class="row" v-for="(value, key) in rows">
    <input type="text" v-model="........."/> <-- change key itself.. how...
    <input type="text" v-model="rows[key]"/> <-- change value of the key
</section>

但我停留在“更改 key 本身”部分。我希望我解释了我的意思，感谢阅读本文!希望有人能帮助我

Answer 1

您不能使用 v-model 更改 key 本身。将映射复制到数组中，然后编辑副本，完成后，清除映射并再次添加键/值。

例子:

{ '101':'Clark', '102','Stephanie' }

复制到一个新数组

[ {id: '101', name:'Clark'}, {id: '102', name:'Stephanie'} ]

然后，您可以使用 v-model 来编辑这个数组。

当用户点击保存或失去焦点时，您可以将值复制回 map /对象/字典。