Vuetify 无线电组组件 - 将值绑定到父级中的 v-model

Question

我有以下内容。 具有两个字段的父视图，即父表单中的 go。 v-text-field正在按预期工作，它绑定到父级中的 model。 代码片段中显示的单选字段没有。 我找到了一个变通方法，它涉及给收音机一个 v-model 本身并发出一个v-on:change事件并使用父视图中的方法处理它。 我想知道是否有一种更优雅的方式来执行此操作，类似于对文本字段所做的操作。

表单.vue

<Text v-model="textVal"></Text>
<Radio v-model="radioVal"></Radio>

export default {
  data() {
    return {
      textVal: '',
      radioVal: '',
    }
  }
}

文本.vue

<v-text-field
  :value="value"
  v-on:input="$emit('input', $event)"
></v-text-field>

Radio.vue

<v-radio-group
  :value="value"
  v-on:input="$emit('input', $event)"
>
  <v-radio value="one" label="One"></v-radio>
  <v-radio value="two" label="Two"></v-radio>
</v-radio-group>

Answer 1

收音机应在更改时发出输入事件，如下所示：

<v-radio-group
  :value="value"
  v-on:change="$emit('input', $event)"
>