Question

我有一个对象，我希望在

中存储单独的数据

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

我有像这样的复选框：

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

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

但它似乎不起作用。

Answer 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: [],
        }
      ],
    }
})

Answer 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': [],
}

将值绑定到多维对象？

2 个答案: