代码之家  ›  专栏  ›  技术社区  ›  t56k

Vue模型:绑定嵌套数据

  •  0
  • t56k  · 技术社区  · 5 年前

    如何将以下嵌套数据与 v-model ?

    <div v-for="(frame, i) in frames" :key="frame.id" class='well'>
      <div v-for="(value, key) in frame" :key="key">
        {{ key }}:
        <input type="text" :v-model="frame[i].key" :id="key.id">
      </div>
    </div>
    

    把这些数据存储在 this.frames :

    [{"x": 0, "y" : 0, "width": 10, "height": 10, "direction": "down", "div": "header", "page_number": 1}]
    

    0 回复  |  直到 5 年前
        1
  •  0
  •   t56k    5 年前

    对于在家玩的人:

    <input type="text" v-model="frames[i][key]" :id="key.id" class="form-control">
    

    注意这里没有冒号( :v-model="frame[i].key" 尽管 colon = dynamic