Vue.js 选择单选按钮不会触发@input

Vue.js 选择单选按钮不会触发@input,vue.js,Vue.js,我在一个较大形式的子组件中遇到了无线电组的问题,所有这些都是通过Vuetify框架呈现的 我无法让无线电组在选择任何选项时触发@input事件。当我更改结果文本区域中的值时,会发出所选的无线电值 如果我放弃Vuelidate参与并将无线电组中的型号设置为v-model=“form.sourceid”,问题仍然存在 我的代码是: <template> <form @input="submit" class="form"> <v-card-text&

我在一个较大形式的子组件中遇到了无线电组的问题,所有这些都是通过Vuetify框架呈现的

我无法让无线电组在选择任何选项时触发@input事件。当我更改
结果
文本区域中的值时,会发出所选的无线电值

如果我放弃Vuelidate参与并将无线电组中的型号设置为
v-model=“form.sourceid”
,问题仍然存在

我的代码是:

<template>
    <form @input="submit" class="form">
      <v-card-text>
        <v-radio-group
            label="Risk type"
            :mandatory="false"
            v-model="$v.form.sourceid.$model"
        >
          <v-radio
              v-for="risk in risks"
              :key="risk.value"
              :label="risk.label"
              :value="risk.riskId"
              :checked="risk.riskId == form.sourceid"
              color="teal"
          ></v-radio>
        </v-radio-group>
        <v-text-field
            v-model.trim="form.results"
            type="text"
            label="Results"
            box
        ></v-text-field>
      </v-card-text>
    </form>
</template>

<script>
  import {required} from 'vuelidate/lib/validators'

  const FORM_TEMPLATE = {
    sourceid: null,
    results: null,
  }
  export default {
    props: {
      wizardData: {
        type: Object,
        required: true
      }
    },
    data() {
      return {
        form: {...FORM_TEMPLATE, ...this.wizardData},
        risks: [
          { label: 'Soil',riskId: '1'},
          { label: 'Water',riskId: '2'},
          { label: 'Agrichemicals',riskId: '3'},
        ]
      }
    },
    validations: {
      form: {
        sourceid: {
          required
        },

      }
    },
    methods: {
      submit () {
        this.$emit('update',
          { data: this.form,
            valid: !this.$v.$invalid
          }
        )
      },
    }
  }
</script>
我的
提交方法是:

submit () {
        this.$emit('update',
          { data: this.form,
            valid: !this.$v.$invalid  //this line removed if testing without Vuelidate
          }
        )
      },
非常感谢您的帮助。
谢谢,Tom

解决方案是睁大双眼阅读文档,发现单选按钮响应
更改事件

因此,将v-radio-group属性更改为以下内容解决了我的问题:

<v-radio-group
      label="Risk type"
      v-model="$v.form.sourceid.$model"
      :mandatory="false"
      @change="submit"
>


干杯,汤姆

解决方法是睁大双眼阅读文档,发现单选按钮响应
更改
事件

因此,将v-radio-group属性更改为以下内容解决了我的问题:

<v-radio-group
      label="Risk type"
      v-model="$v.form.sourceid.$model"
      :mandatory="false"
      @change="submit"
>

干杯,汤姆