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

但出现错误...单击第二个单选按钮[]不会更改该值。

我在哪里错？是“单击”确定还是应该起诉另一个触发器？（更改？）

感谢您的反馈

Answer 1

您的意思是像这样简单地设置v-model

<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>

vuetify：无法触发单选按钮的单击

1 个答案: