vue js checkbox, передать объект json как значение модели

Question

Можно ли передать объект Json в качестве значения на флажок. У меня есть несколько флажков, как показано ниже ... selectedUsers - это массив, содержащий выбранные значения ... id хотел бы получить массив json, например, [{"userid ":" 12345 "}, {" userid ":" 54321 "}]

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

Приведенное выше сообщение вызывает ошибку синтаксического анализа: ошибка синтаксического анализа: неожиданный символ в атрибуте name.

Я могу передать объект, подобный этому

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

Есть ли умный способ добиться того, чего я хочу здесь?

Answer 1

Вызовите метод и передайте ему идентификатор пользователя:

<input
  :id="`checkbox` + index" v-model="selectedUsers"
  :value="userIdObj(user.userId)"
  @change="selectUsers">

А затем в объявлении методов компонента:

methods: {
    userIdObj(id) {
        return '{ "userId": ' + id + ' }';
    }
}

Answer 2

Хорошо, если вы хотите, вы можете создать объект и передать его в значение, как показано ниже.

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

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