0
votes

Est-ce que l'une étiquette de sélection peut avoir deux modèles V?

J'ai cette collection appelée serveurs Wich est comme ceci: {id, nom, code}. J'ai cette étiquette de sélection, i Itérale sur la collection de mes serveurs et les données () avec les valeurs de modèle.

data () {
 return {
  serveur:'',
  code:''
 }
}


2 commentaires

Il ressemble à serveur et code doit toujours être synchronisé. Si tel est le cas, ils ne devraient pas être des éléments de données indépendants.


Oui en effet le code est lié à un serveur. C'est pourquoi ils sont venus ensemble en premier lieu. Mais ce sont des éléments de données indépendants car ils deviennent des paramètres séparés dans une URL.


4 Réponses :


0
votes

Pour y parvenir, vous pouvez lier la sélection avec un tableau contenant 'serveur' et "code". Mais vous ne pouvez pas lier la sélection avec plusieurs variables directement.


1 commentaires

Merci pour la réponse, mais si «V-Model = Array» sur un tableau, la valeur ajoutée n'est-elle pas encore ajoutée à ce tableau? Valeur = "Server.name"? je



0
votes

Vous pouvez faire quelque chose comme ça: xxx

Si vous avez besoin de violon - n'hésitez pas à demander. Il est possible que cet exemple ne fonctionne pas :)


1 commentaires

Merci pour l'aide. @input doit être une méthode ou quelque chose?



0
votes

Je crois que vous pouvez trouver une réponse ici: https://stackoverflow.com/a/50982485/10954996

C'est quelque chose que je ferais - créer un gestionnaire de changement et changer tout ce dont j'ai besoin dans la méthode du gestionnaire

J'espère que cela aide


1 commentaires

Merci. En fait, cela pourrait aider, mais je ne peux rien accéder à la "valeur" de l'option de la méthode Onchange. J'ai essayé d'accéder à la clé en faisant "Event.Target.key" juste pour essayer mais je reçois une réponse non définie.



1
votes

Vous avez vraiment un élément de données indépendant, que j'appellerai sélectionnée code>. Il reçoit la valeur de l'entrée de serveur, qui contient à la fois nom code> et code code>. xxx pré>

Vous pouvez simplement vous référer à sélectionnée .name code> et sélectionnerServer.code code> dans l'URL dont vous avez besoin pour vous assembler, ou vous pouvez créer des calculés pour renvoyer ces valeurs sous les noms que vous préférez, comme p>

data: {
  selectedServer: {}
},
computed: {
  serveur() { return this.selectedServer.name; },
  code() { return this.selectedServer.code; }
}


1 commentaires

Merci mon pote! Cela résolva mon problème et je n'ai plus besoin du "code" élément de données avec cette solution.