Questions marquées «vue-component»

9
Vue.js - Comment surveiller correctement les données imbriquées
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 de mon implémentation: <template> <div> <player v-for="(item, …
13
Comment écouter les changements des «accessoires»
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 particulier: <template> <child :my-prop="myProp"></child> </template> …
2
Valeurs par défaut pour les accessoires du composant Vue et comment vérifier si un utilisateur n'a pas défini l'accessoire?
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', ... } Mais, si un utilisateur ne spécifie pas year: <movies></movies> alors le …
4
Vue 'export par défaut' vs 'nouvelle vue'
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 …
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 …
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.