簡體   English   中英

Vuetify - 選定的 v-radio 未在 v-model 上設置值

[英]Vuetify - Selected v-radio does not set value on v-model

我正在嘗試使v-radio自動更新v-model值,但無法使其正常工作。

我已經通過這樣的復選框實現了這一點:

  <v-checkbox            
    v-model="arr1[index].isDone" 
    :disabled="checkRecordStatus(index)"                  
  ></v-checkbox>

使用此代碼,特定數組元素的isDone值會在選中該框時自動分配一個值true 也就是說,我不需要調用函數來設置數組元素的值。

我正在嘗試使用v-radio來實現相同的目標。 這是我所擁有的:

<v-radio
  v-model="arr1[index].isDone"
  @change="radioSelect(index,'true')"
></v-radio>

我可以從radioSelect函數中獲取值並從那里將其設置在模型上,但我想知道是否有一種方法可以在不創建和調用函數的情況下做到這一點,就像復選框示例一樣。 我假設一個選定的 v-radio 只會為v-model上的任何內容設置一個true值,但我似乎遺漏了一些東西。 我查看了文檔,但看不到任何處理它的東西。

提前感謝您的幫助!

從基本的 Vue 文檔中,看起來覆蓋無線電傳遞字符串值的默認行為的方法是也使用v-bind:value ,所以我認為你可以做這樣的事情(使用 vanilla Vue2 組件測試)

我對 Vuetify 不太熟悉,但如果組件可以接受 v-bind,則以下內容應該可以工作:

<v-radio
  v-model="arr1[index].isDone"
  v-bind:value="true"
></v-radio>

https://v2.vuejs.org/v2/guide/forms.html#Radio-1

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM