web-dev-qa-db-fra.com

Vue / vuetify v-switch: qu'est-ce que la valeur d'entrée?

Quelqu'un peut-il m'expliquer exactement ce que le input-value l'attribut fonctionne-t-il sur le composant v-switch?

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

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

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

Où il est décrit comme: "La valeur liée au modèle v".

(J'ai à l'origine trouvé l'attribut dans un exemple quelque part.)

8
mtyson

input-value Se comporte comme un attribut value par défaut que vous attendez des autres composants.
Normalement v-model Est le sucre de syntaxe pour :value="value" :input="$emit('input', $event.target.value)", mais nous pouvons le changer.

de selectable.js :

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

Ainsi, les lignes ci-dessus (voir vue docs ) font que votre v-model Se lie à input-value Au lieu de value probablement parce que certains composants ie la case à cocher (qui v- utiliser des commutateurs) ont l'attribut value réservé à autre chose.

L'attribut value est alors utilisé pour définir la valeur qui sera représentée lors de la vérification du composant.
Et dans v-switch Cas v-model Est le sucre de syntaxe pour quelque chose comme :input-value="value" @change="value = $event"

Codepen

8
Traxo