将值绑定到多维对象？答案

【问题标题】：Binding values to a multi dimensional object?将值绑定到多维对象？
【发布时间】：2018-01-28 16:51:19
【问题描述】：

我有一个对象，我希望在其中存储单独的数据

users: [
    {
        'names': [],
        'addresses': [],
    }
],

我有这样的复选框：

<input type="checkbox" id="john" value="john" v-model="users.names">

我想将复选框与名称数组绑定。

但它似乎不起作用。

【问题讨论】：

为什么要将数组绑定到文本框？

标签： vue.js vuejs2

【解决方案1】：

你 csn 使用 v-for:

html:

<div id="app">
    <div v-for="user in users">
        <input  id="john" value="john" v-model="user.names">
     </div>
</div>

js:

var app = new Vue({
  el:"#app",
  data(){
    return {
      users: [
        {
           names: [],
           addresses: [],
        }
      ],
    }
})

【讨论】：

【解决方案2】：

您的users 是一个数组；也许你想这样做？

<input type="checkbox" id="john" value="john" v-model="users[0].names">
//                                                          ^^^  bind to the first element in the users

worked for me.

或者将users定义为一个对象：

users: {
  'names': [],
  'addresses': [],
}

【讨论】：