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