Vue/vuetify v-switch : qu'est-ce que l'input-value ?

Question

Quelqu'un peut-il m'expliquer exactement ce qu'est le input-value sur le composant v-switch ?

Je pense que cela a quelque chose à voir avec l'utilisation du composant avec vuex, quand on ne peut pas utiliser v-model directement.

Cela semble fonctionner pour moi, mais je ne comprends pas exactement.

Vous pouvez voir l'attribut ici : https://vuetifyjs.com/en/components/selection-controls#api

Il y est décrit comme suit "La valeur liée au modèle V".

(J'ai trouvé cet attribut dans un exemple quelque part).

Answer 1

input-value se comporte comme un value que l'on retrouve dans d'autres composants.
Normalement v-model est un sucre syntaxique pour :value="value" :input="$emit('input', $event.target.value)" mais nous pouvons la changer.

de selectable.js :

model: {
  prop: 'inputValue',
  event: 'change'
},

Les lignes ci-dessus (voir vue docs ) faire de votre v-model lier à input-value au lieu de value probablement parce que certains composants, comme la case à cocher (que v-switch utilise) ont value réservé à autre chose.

Donc value est ensuite utilisé pour définir la valeur qui sera représentée lorsque le composant est vérifié.
Et en v-switch cas v-model est un sucre syntaxique pour quelque chose comme :input-value="value" @change="value = $event"

Codepen