vuetify: не может вызвать щелчок по переключателю

Question

Я пытаюсь получить следующий компонент с переключателями

<template>
  <form id="contactForm" @submit="sendMessage()">
        <v-radio-group row :mandatory="false" :model="gender" data-vv-name="gender" v-validate="'required'" name="gender">
          <v-radio @click='changeGender("f")' :label='genderLabel("f")' :value="f"></v-radio>
          <v-radio @click='changeGender("m")' :label='genderLabel("m")' :value="m"></v-radio>
        </v-radio-group>
        ...
   </form>
 </template>

<script>
export default {
  name: "contactForm",
  data() {
    return {
      gender: "f"
    };
  },
  ...
  methods: {
   ...
    changeGender: function(value) {
      console.log("gender changed to: ", value);
      this.gender = value;
    }
    ...
</script>

Тест

  const radioInput = wrapper.findAll('input[type="radio"]');
  radioInput.at(1).setChecked(); // input element value is changed, v-model is not
  radioInput.at(1).trigger('click') // v-model updated

, но получаю ошибку ... нажмите на вторую кнопку с переключателем []не изменить значение ..

где я не прав?'click' нормально или я должен подать в суд на другой триггер?(изменить?)

спасибо за отзыв

Answer 1

вы имеете в виду что-то вроде этого просто настройка v-модели

<v-radio-group v-model="boolean" row class="ma-2"> <v-radio label="Yes" value="Yes"></v-radio> <v-radio label="No" value="No"></v-radio> </v-radio-group>