0
votes

V-modèle de liaison au champ de texte d'entrée généré

Les modèles V dynamiques créés lors d'une demande Ajax ne mettent pas à jour lorsque j'essaie de saisir une valeur

J'utilise VUE2.x et Axios. Je souhaite obtenir la valeur définie dans l'entrée générée lorsque l'utilisateur soumet le formulaire. J'ai réussi à définir le modèle V sur cette entrée lors de la demande Ajax Je reçois ce HTLM comme réponse: . Mais après avoir soumis le formulaire, la valeur est toujours vide. On dirait que Vue ignore la directive du modèle V. Comment puis-je le réparer?

Voici mon code: vue xxx

html xxx

généré Entrée xxx


0 commentaires

3 Réponses :


0
votes

Essayez:

created: function () {
    axios.get('/generate_inputURL').then(res => this.OnSuccess(res));    
  }


0 commentaires

0
votes

Les données des composants doivent être une fonction non d'objet. Vous devriez voir un avertissement à ce sujet dans la console. Je suppose que votre composant n'est pas des données réactives, ce qui signifie que cela n'est pas redessiné après la demande effectuée.

data(): {
  return {
    generatedform:'',
    generatedcode:''
  }
}


1 commentaires

Ouais mais je n'utilise pas de composant



0
votes

Comme je peux le voir, vous souhaitez modifier le modèle VUE-App à l'aide de V-HTML ATT ATTR - Je pense que cela n'est pas possible. Lors de la montage de l'application, le modèle compile la fonction de rendu, de sorte que votre truc n'a aucun sens. Vous pouvez essayer de faire ce qui suit:

  1. Construisez le modèle (en utilisant HTML reçu à partir du serveur que vous le souhaitez) en tant que chaîne ou comme Caché El dans le DOM

  2. Définissez-le dans votre objet d'application - Modèle: votre_html_template

  3. Créer une application VUE


0 commentaires