Als «vuejs2» getaggte Fragen

Verwenden Sie dieses Tag für Fragen zu Version 2 von Vue.js, einem progressiven Open-Source-Javascript-Framework zum Erstellen von Benutzeroberflächen.

6
Das Lösen der Interpolation innerhalb von Attributen wurde entfernt. Verwenden Sie v-bind oder die Kurzform des Doppelpunkts? Vue.JS 2
Meine Vue-Komponente ist wie folgt: <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() { …
11
[Vue warn]: Eigenschaft oder Methode ist nicht für die Instanz definiert, sondern wird beim Rendern referenziert
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …
12
Die dynamischen Bilder von Vue.j funktionieren nicht
Ich habe einen Fall , in dem in meinem Vue.jsmit webpackWeb - App, ich brauche dynamische Bilder anzuzeigen. Ich möchte zeigen, imgwo der Dateiname von Bildern in einer Variablen gespeichert ist. Diese Variable ist eine computedEigenschaft, die eine VuexGeschäftsvariable zurückgibt, die asynchron aufgefüllt wird beforeMount. <div class="col-lg-2" v-for="pic in pics"> …
11
VueJs 2.0 senden ein Ereignis vom Enkelkind an seine Großelternkomponente
Es scheint, dass Vue.js 2.0 keine Ereignisse von einem Enkelkind an seine Großelternkomponente ausgibt. Vue.component('parent', { template: '<div>I am the parent - {{ action }} <child @eventtriggered="performAction"></child></div>', data(){ return { action: 'No action' } }, methods: { performAction() { this.action = 'actionDone' } } }) Vue.component('child', { template: '<div>I am …
8
So entfernen Sie ein Element aus einem Array in Vue.js.
Ich bin neu in vue.js (2) und arbeite derzeit an einer einfachen Event-App. Ich habe es geschafft, Ereignisse hinzuzufügen, aber jetzt möchte ich Ereignisse löschen, indem ich auf eine Schaltfläche klicke. HTML <div class="list-group"> <div class="list-group-item" v-for="event in events"> <h4 class="list-group-item-heading"> {{ event.name }} </h4> <h5> {{ event.date }} </h5> …
8
Wie formatiere ich Währungen in einer Vue-Komponente?
Meine Vue-Komponente sieht folgendermaßen aus: <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> Das Ergebnis von {{ item.total }}ist 26000000 Aber ich möchte, …
4
Unterschied zwischen. $ Mount () und el [Vue JS]
Was ist der Unterschied zwischen diesem Code: new Vue({ data () { return { text: 'Hello, World' }; } }).$mount('#app') und das hier: new Vue({ el: '#app', data () { return { text: 'Hello, World' }; } }) Ich meine, was ist der Vorteil bei der Verwendung .$mount()anstelle von eloder …
81 vue.js  vuejs2 
8
Wenden Sie eine globale Variable auf Vuejs an
Ich habe eine Javascript-Variable, die ich bei der Instanziierung global an Vue-Komponenten übergeben möchte, sodass entweder jede registrierte Komponente sie als Eigenschaft hat oder global darauf zugegriffen werden kann. Hinweis :: Ich muss diese globale Variable für vuejs als READ ONLY- Eigenschaft festlegen
3
Ändern Sie einen anderen Modulstatus von einem Modul in Vuex
Ich habe zwei Module in meinem Vuex-Shop. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); Im Modul habe loadingich eine Eigenschaft, savingdie entweder trueoder festgelegt werden kann, falseund eine Mutationsfunktion, die TOGGLE_SAVINGzum Festlegen dieser Eigenschaft benannt ist. Im Modul postsmöchte ich vor und nach dem …
77 vue.js  vuejs2  vuex 
3
Konsolenwarnung: Mit v-for gerenderte Komponentenlisten sollten explizite Schlüssel haben
Ich habe hier ein Problem, ich weiß nicht, was in meinem Code falsch ist, aber ich habe eine Warnung in meiner Konsole. Wie kann ich diese Warnung entfernen? [Vue-Tipp] <todo-item v-for="todoItem in todos">:: Mit v-for gerenderte Komponentenlisten sollten explizite Schlüssel haben. Weitere Informationen finden Sie unter https://vuejs.org/v2/guide/list.html#key . (gefunden in …
9
NavigationDupliziert Das Navigieren zum aktuellen Standort ("/ search") ist nicht zulässig [vuejs]
Wenn ich mehrmals suchen möchte, wird mir der NavigationDuplicatedFehler angezeigt. Meine Suche befindet sich in der Navigationsleiste. Ich habe die Suche so konfiguriert, dass der Wert mithilfe eines Modells verwendet und dann als Parameter an die ContentSearched-Komponente übergeben wird. Anschließend wird der Wert der Suche in diesen Komponenten empfangen. Ich …
5
Vue.js: Bedingte Klassenstilbindung
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Добавление css классов по условию в Vue.js Ich habe einige Daten, auf die zugegriffen werden kann über: {{ content['term_goes_here'] }} ... und dies entweder trueoder bewertet false. Ich möchte eine Klasse hinzufügen, die von der Wahrhaftigkeit des Ausdrucks abhängt: <i …
3
Bedeutung von v-slot: activator = "{on}"
Mit Blick auf die Vuetify Beispielcode fürv-toolbar , was ist der Zweck v-slot:activator="{ on }"? Zum Beispiel: <template v-slot:activator="{ on }"> <v-toolbar-title v-on="on"> <span>All</span> <v-icon dark>arrow_drop_down</v-icon> </v-toolbar-title> </template> <script> export default { data: () => ({ items: [ 'All', 'Family', 'Friends', 'Coworkers' ] }) } </script> Soweit ich sehen kann, …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.