javascript - vue js 复选框，将 json 对象作为值传递给模型

Question

是否可以将 Json 对象作为复选框的值传递我有多个复选框，如下所示......selectedUsers 是一个包含所选值的数组... id 喜欢以 json 数组结尾，例如 [{"userid": "12345"}, {"userid": "54321"}]

<input
  :id="`checkbox` + index" v-model="selectedUsers"
  :value="{"userId": user.userId}"
  @change="selectUsers"

上面给了我一个解析错误解析错误:属性名称中出现意外字符。

我能够传递这样的对象

  :value="{userId: user.userId}"

有什么聪明的方法可以实现我想要的吗？

Answer 1

如果您愿意，您可以创建一个对象并将其传递给以下值。

  <input
  :id="`checkbox` + index" v-model="selectedUsers"
  :value="details"
  @change="selectUsers">

  data: {
    details:{
    user:'userid'
    }
  }