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