J'essaie de comprendre comment surveiller correctement certaines variations d'accessoires. J'ai un composant parent (fichiers .vue) qui reçoit des données d'un appel ajax, place les données dans un objet et les utilise pour rendre un composant enfant via une directive v-for, sous une simplification...
Dans les documents VueJs 2.0, je ne trouve aucun crochet qui écouterait les propschangements. Est-ce que VueJs a des crochets similaires onPropsUpdated()ou similaires? Mettre à jour Comme l'a suggéré @wostex, j'ai essayé watchma propriété mais rien n'a changé. Puis j'ai réalisé que j'avais un cas...
J'essaie d'utiliser la directive on click dans un composant mais cela ne semble pas fonctionner. Lorsque je clique sur le composant, rien ne se passe lorsque je devrais avoir un «clic sur un test» dans la console. Je ne vois aucune erreur dans la console, donc je ne sais pas ce que je fais de mal....
Je commence à jouer avec vuejs (2.0). J'ai construit une page simple avec un composant. La page a une instance Vue avec des données. Sur cette page, je me suis inscrit et j'ai ajouté le composant au html. Le composant en a un input[type=text]. Je veux que cette valeur se reflète sur le parent...
Je dois utiliser deux scripts externes pour les passerelles de paiement. À l'heure actuelle, les deux sont placés dans le index.htmlfichier. Cependant, je ne veux pas charger ces fichiers au début même. La passerelle de paiement est nécessaire uniquement lorsque l'utilisateur ouvre un composant...
1. Comment puis-je définir la valeur par défaut d'un accessoire de composant dans Vue 2? Par exemple, il existe un moviescomposant simple qui peut être utilisé de cette manière: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... }...
Je viens d'installer Vue et j'ai suivi quelques tutoriels pour créer un projet en utilisant le template webpack vue-cli. Lorsqu'il crée le composant, je remarque qu'il lie nos données à l'intérieur de ce qui suit: export default { name: 'app', data: [] } Alors que dans d'autres tutoriels, je vois...
Aperçu Dans Vue.js 2.x, model.syncsera obsolète . Alors, quelle est la bonne façon de communiquer entre les composants frères dans Vue.js 2.x ? Contexte Si je comprends bien Vue 2.x, la méthode préférée pour la communication entre frères et sœurs est d'utiliser un magasin ou un bus d'événements ....
J'ai un composant avec une certaine validation de formulaire. Il s'agit d'un formulaire de paiement en plusieurs étapes. Le code ci-dessous est pour la première étape. Je voudrais valider que l'utilisateur a entré du texte, stocker son nom dans l'état global, puis l'envoyer à l'étape suivante....
J'ai une vue dynamique: <div id="myview"> <div :is="currentComponent"></div> </div> avec une instance Vue associée: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Cela me permet de changer mon composant de manière...
Mon composant vue est comme ceci: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne">...