Questions marquées «vuejs2»

Utilisez cette balise pour les questions spécifiques à la version 2 de Vue.js, un framework Javascript progressif open source pour la création d'interfaces utilisateur.

5
VueJS ajoute conditionnellement un attribut pour un élément
Dans VueJS, nous pouvons ajouter ou supprimer un élément DOM en utilisant v-if: <button v-if="isRequired">Important Button</button> mais y a-t-il un moyen d'ajouter / supprimer des attributs d'un élément dom, par exemple pour les éléments suivants, définissez sous condition l'attribut requis: Username: <input type="text" name="username" required> par quelque chose de similaire …
6
Vue Js - Boucle via v-for X fois (dans une plage)
Comment puis-je répéter une boucle via v-forX (par exemple 10) fois? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> La documentation montre: <ul> <li v-for="item in 10">{{ item }}</li> </ul> // or <li v-for="n in 10">{{ …
4
Vue.js img src concaténer la variable et le texte
Je veux concaténer la variable Vue.js avec l'URL de l'image. Ce que j'ai calculé: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Si je construis pour Android: <img src="/android_asset/www/img/logo.png"> Autre <img src="img/logo.png"> Comment puis-je concaténer la variable calculée avec l'URL? Je l'ai essayé: <img src="{{imgPreUrl}}img/logo.png">
6
État de Vuex lors de l'actualisation de la page
Mon application utilise l'API Firebase pour l'authentification des utilisateurs, en enregistrant l'état de connexion sous forme de valeur booléenne dans un état Vuex. Lorsque l'utilisateur se connecte, je règle l' état de connexion et j'affiche conditionnellement le bouton Connexion / Déconnexion en conséquence. Mais lorsque la page est actualisée, l'état …
4
Passer des accessoires dynamiquement au composant dynamique dans VueJS
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 dynamique. Dans mon cas, j'ai trois composantes différentes: myComponent, myComponent1et myComponent2. Et je …
5
Comment appeler un getter depuis un autre getter dans Vuex?
Considérez un simple blog Vue: j'utilise Vuex comme magasin de données et je dois configurer deux getters : un getPostgetter pour récupérer un postpar ID, ainsi qu'un listFeaturedPostsqui renvoie les premiers caractères de chaque article présenté. Le schéma du magasin de données pour la liste des articles en vedette fait …
105 vuejs2  vuex 
5
Comment appeler une fonction vue.js lors du chargement de la page
J'ai une fonction qui aide à filtrer les données. J'utilise v-on:changelorsqu'un utilisateur modifie la sélection, mais j'ai également besoin que la fonction soit appelée avant même que l'utilisateur sélectionne les données. J'ai fait la même chose avec AngularJSl'utilisation précédente, ng-initmais je comprends qu'il n'y a pas une telle directive dansvue.js …
11
Avons-nous router.reload dans vue-router?
Je vois dans cette pull request : Ajouter un router.reload() Recharger avec le chemin actuel et appeler à nouveau le crochet de données Mais lorsque j'essaye d'émettre la commande suivante à partir d'un composant Vue: this.$router.reload() J'obtiens cette erreur: Uncaught TypeError: this.$router.reload is not a function J'ai cherché dans la …
6
Comment résoudre l'interpolation à l'intérieur des attributs a été supprimée. Utilisez v-bind ou le raccourci deux-points? Vue.JS 2
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"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.