Tag: vuejs2
Verwenden Sie dieses tag für Fragen speziell zu version 2 Vue.js ein open-source -, progressive-Javascript-framework für die Erstellung von Benutzeroberflächen.
Wie kann ich push-Elemente in einem array in das Daten-Objekt in Vuejs? Vue scheint Sie nicht zu sehen .push () - Methode
1 Antworten
Ich bin versucht, fügen Sie Objekte in ein array erklärte ich in Vue-Instanz Daten-Objekt. Ich kann die Werte in den staatlichen Kauf-Objekt, aber wenn ich den push-Daten in die Aufträge Warteschlange array, das leere array nicht gefüllt.
So senden Sie eine Datei über Axios zu Laravel
1 Antworten
Ich post müssen eine Datei vom client zum server über Axios. Hier ist mein Vuejs code : methods: { 'successUpload': function (file) { const config = { headers: { 'Content-Type': 'multipart/form-data' } }; axios.post('/Upload/File',file, config).then(function (response) {
Vuejs 2 Bild Src-Attributen
3 Antworten
Vuejs likers Hilfe! Habe ich in diesem Bild eine Schleife mit Bild-Quelle. Hier ist der code. <img :src="'../../'+ photo.path" alt="product" height="207" width="175" v-for="photo in product.photos" v-if="photo.is_primary === 1" /> Sollte ich ersetzen Sie dieses Präfix, um Basis-url
vue.js select / dropdown-Element ausgewählt vm-Bindung nicht funktioniert (bootstrap-vue)
2 Antworten
Ich bin versucht, zu erstellen eine einfache vue, bindet das ausgewählte Element eines select/dropdown-Liste einer Eigenschaft in der vm. Ich habe nicht in der Lage zu finden, ein klares und einfaches Beispiel, wie diese ausgefallen ist, wenn
vuejs - Anteil websocket-Verbindung zwischen Komponenten
3 Antworten
Erste Schritte mit einem kleinen vuejs Anwendung. Wie öffne ich eine websocket-Verbindung, sagen wir mal in den root-Komponente und die Wiederverwendung der gleichen Verbindung, die in anderen Komponenten? Ich möchte Komponenten in der Lage sein zu senden
Wie übergeben ein argument vuejs Filter?
3 Antworten
Habe ich Folgendes vuejs filter import Vue from 'vue' Vue.filter('truncate', function (value) { return value.substring(0, 10) }) Welche ich dann anrufen, als <p> {{filename | truncate}} </p> aber ich würde gerne übergeben Sie die Argumente 0, 10
Erneutes laden von Daten von vue-Tabellen-2 (Vuex)
3 Antworten
Modul: https://github.com/matfish2/vue-tables-2 Ich bin erstellen einer CRUD-app. Wie kann ich die Daten neu laden über Ajax geholt Anruf in vue-Tabellen-2? Ich wollte Neuladen der Tabelle nach einer update-Anweisung ausgeführt wird irgendwo in meinem app. Vue-Tabellen ist mit
Wie kann ich in der Nähe modal nach klicken auf Schaltfläche "speichern" in vue-Komponente?
2 Antworten
Meiner vue-Komponente wie folgt : <template> <div ref="modal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form> ... <div class="modal-footer"> ... <button type="button" class="btn btn-success" @click="addPhoto"> Save </button> </div> </form> </div> </div> </div> </template> <script> export default
Vue.js: Set Kontrollkästchen aktiviert, wenn Aussage wahr ist
3 Antworten
Hatte ich die folgenden Kontrollkästchen in meinem alten LENKER anzeigen: <div class="form-group"> <input type='checkbox' name='xmlOnline' value="stepstone" class='' {{#if (ifIn 'stepstone' job.xmlOnline)}} checked="checked" {{/if}}> Stepstone <input type='checkbox' name='xmlOnline' value="karriere" class='' {{#if (ifIn 'karriere' job.xmlOnline)}} checked="checked" {{/if}}> Karriere </div>
Die VueJS lifecycle-Haken müssen Asynchrone HTTP-Anfragen aufgerufen werden?
4 Antworten
Ich würde gerne wissen, wie bevor ich das Rendern einer Seite, die ich senden möchten, die eine asynchrone GET-request an meinen server zum abrufen von Daten, und füllen Sie die Eigenschaften in den Daten. Ich habe gehört,
Vuetify mit Laravel
1 Antworten
Arbeite ich an einem neuen Laravel Projekt, wo ich gerne verwenden möchte Vuetify. Konnte ich konfigurieren und erstellen Sie das Standard-layout. Dies ist mein Meister,blade.php layout-Datei: <!DOCTYPE html> <html lang="{{ config('app.locale') }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
Vue 2.0 Instanz ist nicht Hör-Ereignisse ausgelöst werden, die von vue-router, Komponenten
3 Antworten
Bin ich mit Vue 2.0-rc.6 (die neuste im moment) und Vue-router-2.0-rc.5 (spätestens im moment). Habe ich versucht zu tun this.$emit('custom-event') in einem meiner router-Komponenten und - this.$on('custom-event', () => { console.log('I heard an event') }) in meinem
Nicht auf Requisiten Werte in Daten-Methode in vuejs
3 Antworten
Ich habe den code (vuejs2) - Vue.component('competetion-list', { template: `<div>{{totalCompetetions}}</div>`, props: ['values'], data: function () { return { totalCompetetions: this.values.length} } }) Nichts gedruckt auf der Seite, aber wenn ich die template Wert template: `<div>{{this.values.length}}</div>` druckt es
Wie fade-in Bildern, wenn geladen mit Vue
1 Antworten
Habe ich diese Komponente, die fades in ein Bild, sobald es geladen wird an den client. Ich würde denken, es ist eine Vue-wie Weg, dieses Problem zu lösen, wie mit Vue events, konnten ihn aber nicht finden.
Wie zu verwenden Vue.js Plugin in eine benutzerdefinierte Komponente?
4 Antworten
Brauche ich für die Ausgabe der Tabelle und Inhalt es ist, die aktualisiert werden können via Ajax. Also ich bin der Planung bis zur Nutzung vue-tables-2 ( https://github.com/matfish2/vue-tables-2 ), die eine Vue.js plugin. Mithilfe des Laravel Weg,
vuejs webpack relative Module wurden nicht gefunden " - Fehler
2 Antworten
Habe ich full-stack application express-und Standard-vue-webpack-boilerplate. Meine Projektstruktur sieht wie folgt aus: ├── client │ ├── build │ │ └── ... │ ├── config │ │ └── ... │ ├── dist | | └── ... │ ├──
Legen Sie den Datentyp in Vue Daten-Objekt mit Typoskript
4 Antworten
Derzeit bin ich über Vue.js mit Typescript in einem webpack Projekt. Wie in der Empfohlene Konfiguration in meinem tsconfig.json ich habe: "strict": true, In einen meiner Komponenten ich habe: declare interface Player { cod: string, param: string
Vue. Wie bekommt man einen Wert des "key" - Attribut im element erstellt
2 Antworten
Ich versuche zu erstellen, Komponenten und Holen Sie sich Ihre Schlüssel für die Verwendung in der axios. Elemente erstellt, aber ich kann nicht eine Taste. Es ist undefined <div class="container" id="root"> <paddock is="paddock-item" v-for="paddock in paddocks" :key="paddock.key"
Dynamisch zu ändern, wählen Sie Eingabe-Optionen in vuejs 2
3 Antworten
So ändern Sie dynamisch die Optionen in einem select-dropdown-v-Modell ? Ich habe 2 Eingänge auswählen, sollte man eine änderung nach der anderen. Zum Beispiel, wenn ich wählen Sie "Früchte" die select-display den Früchten, wenn ich wählen Sie
Vue.js verschachtelte routing mit Standard Kind
3 Antworten
Ich habe ein Problem mit einer default-route in Kinder Vue.js 2. Wenn ich Besuch localhost/listings zunächst, es lädt korrekt-index.vue und Karte.vue als Kind. Wenn ich navigieren Sie mittels der router-link auf localhost/Inserate/1, und dann per router-link auf
Vuetify Form der Validierung - Festlegung ES6-Regeln für die passenden Eingänge
4 Antworten
Ich habe eine (Vuetify) form mit einer E-Mail-Eingang, die verwendet ES6 & regex zu prüfen, ob es eine gültige E-Mail. Wie würde ich ein anderes emailConfirmationRules Regelsatz zu überprüfen, ob die emailConfirmation Eingang entspricht der email -
Wie um zu verhindern/stoppen der Ausbreitung von Standard-event (Mausklick) in der Richtlinie (vue 2.x)
4 Antworten
Vue.directive('login-to-click', { bind (el) { const clickHandler = (event) => { event.preventDefault() event.stopImmediatePropagation() alert('click') } el.addEventListener('click', clickHandler, true) } }) Nutzung <button @click="handleClick" v-login-to-click>CLICK</button> handleClick wird immer ausgelöst. Wie kann ich verhindern, dass aus der Richtlinie? Versucht
Wie übertrage ich die Daten in $router.push-in Vue.js?
1 Antworten
Ich bin erstellen Sie eine alert-Komponente für eine CRUD-Anwendung mit Vue.js. Ich möchte eine Nachricht an eine andere Komponente einmal Daten gespeichert wurden. Derzeit bin ich versucht, übergeben Sie diese Daten in $router.push wie diese this.$router.push({path: '/',
Wie man die Maus-Koordinaten in VueJS
2 Antworten
Habe ich eine Komponente ausgelöst, mit v-on:click="someMethod". Wie kann ich die Maus-Koordinaten (X, Y) dieses klicken? Zusätzliche Informationen: HTML5-Canvas-Komponente InformationsquelleAutor Luiz | 2017-08-07
Vue-Modell nicht aktualisieren
2 Antworten
Wenn ich versuche zu aktualisieren meine benutzerdefinierte text-area-Komponente die Modell-Daten this.message='<span id="foo">bar</span> text und html wird nicht angezeigt, in der htmltextarea-tag, wie es sollte, aber ich kann sehen, dass die Updates angewendet, die in der Vue dev
So ändern Sie eine bestimmte (diese) der Klasse button wenn Sie auf klicken. Mit Vue.js 2.0
3 Antworten
Beim anklicken eine der Schaltflächen Sie sind alle Windungen aktiv. Also, was ich will, ist nur die angeklickten geändert werden sollte. JS: var vm = new Vue({ el: '#toolBtns', data: { isActive: false }, computed: { activeClass:
ES6-und Fenster - / global-Variablen
1 Antworten
Arbeite ich mit es6-Module. In einigen von Ihnen, die ich lodash. Meine Frage ist - ist es möglich, zu laden, lodash als Globale variable, oder sollte es importiert werden alle Dateien einzeln? Ich versuchte dies in meiner
Unbekannte html-tag-Warnung Bootstrap-Vue.js Unterstützung in WebStorm
3 Antworten
Ich bin mit WebStorm 2017.2.4 und webpack Vue.js Projekt. Ich habe bootstrap-vue.js zu meinem Projekt und würde gerne sehen, Tipps für es und Komponenten unterstützt. Aber stattdessen habe ich "Unbekannte html-Tags" Warnung. BTW: bootstrap-vue funktioniert wie erwartet,
Zu behandeln, wie Einfügen(Strg+v oder mit der Maus) event-in vue.js?
4 Antworten
Brauche ich eine Funktion aufrufen, wenn etwas aufgeklebt, um ein Textfeld in meinem vue.js -Anwendung. In diesem Fall, in dem Fall sollte ich rufe meine Funktion? InformationsquelleAutor LJP | 2017-06-14
VueJs dev Bedienfeld "Werkzeuge" nicht angezeigt
10 Antworten
Begann ich mit vue dev-tools in meiner Anwendung, aber es ist nicht sichtbar, wenn sich im Entwickler-Modus in Chrome. Ich habe versucht verschiedene Lösungen zu finden auf der dev-tools github-Seite und in anderen Orten auf der Website,
Vue 1.x/2.x: Holen vue-router-Pfad url von einem $route-Objekt
5 Antworten
Wie wir wissen, wir können vue-route zu wickeln einige route Pfade. <!-- vue 1.x --> <a v-link="{name: 'route_name', params: {id: 1}}"></a> Und in vue2: <!-- vue 2.x --> <router-link :to="{name: 'route_name', params: {id: 1}}"></router-link> Und nun will
Hinzufügen einer Klasse zum body, wenn die Komponente geklickt wird?
5 Antworten
Habe ich eine Komponente in vue, möchte ich Umschalten zwischen a-Klasse auf den Körper klicken. Wie kann ich dies tun? Würde ich nur verwenden Sie JS zum Ziel den Körper, und fügen Sie eine Klasse? Oder ist
Inklusive externes script in vue.js Vorlage
2 Antworten
Ich bin neu Vue.js und web-pack, also habe ich beschlossen, die vue-cli (webpack) zu Gerüst in einer ersten Anwendung. Ich versuche ein externes Skript (e.g <script src="...") in einer Vorlage, die nicht notwendig ist Global (für jede
Entfernen von plugins mit vue-cli3
5 Antworten
Gibt es eine Möglichkeit zum entfernen von plugins und deren Konfiguration mit vue-cli3 in ein bestehendes Projekt? Ich zum Beispiel ersetzen möchten, unit-test-plugin Mokka mit Scherz. Ich weiß, wie man hinzufügen, und rufen Sie ein neues plugin,
Vue/vuetify, wie man router link zum Register
1 Antworten
Ich würde gerne die vuetify Registerkarte Komponente einfach wie eine navigation, die Steuerung, <v-tabs dark fixed icons centered> <v-tabs-bar class="cyan"> <v-tabs-slider color="yellow"></v-tabs-slider> <v-tabs-item router :to="{name: 'election/admin', id: this.$route.params['id']}"> Overview </v-tabs-item> </v-tabs-bar> </v-tabs> Aber es scheint nicht t
Vue.js die übergabe von Daten aus slot-in-Komponente Instanz
3 Antworten
Ich versuche zu bauen, eine wiederverwendbare Komponente befassen sich mit dem Absenden von Formularen via AJAX verwenden Vue.js. Im Idealfall, was ich will zu tun haben, ist eine generische Komponente, die verwendet werden können, anstelle eines HTML
Vuejs Ajax-call und dataTable
3 Antworten
Ich bin mit Vuejs und dataTable für eines meiner Projekt. Ich mache einen Ajax-call und push-Daten in ein array. Nach, dass ich die v-Schleife die Daten in die <tr> tag. Die meisten der Zeit es funktioniert nicht.
Entfernen Sie wiederholt Elemente aus v-für VueJS
2 Antworten
Ich bin mit dem folgenden code zur Anzeige von Kategorien aus einem array. Das array enthält möglicherweise doppelte Kategorien. Gibt es eine Möglichkeit, ich kann nur wählen Sie eindeutige Elemente VueJS? <li v-for="product in products"> {{product.category}} </li>
vue router passieren Objekt als Requisiten
1 Antworten
Habe ich Folgendes fiddle https://jsfiddle.net/91vLms06/1/ const CreateComponent = Vue.component('create', { props: ['user', 'otherProp'], template: '<div>User data: {{user}}; other prop: {{otherProp}}</div>' }); const ListComponent = Vue.component('List', { template: '<div>Listing</div>' }); const app = new Vue({ el: '#app', router:
mit async/await mit webpack-einfache Konfiguration werfen Fehler: RegeneratorRuntime nicht definiert
3 Antworten
Bin ich mit dem webpack-einfache Vorlage mit folgenden Konfigurationen: Paket.json { "name": "vue-wp-simple", "description": "A Vue.js project", "version": "1.0.0", "author": "v", "private": true, "scripts": { "dev": "webpack-dev-server --inline --hot", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies":
Was ist der Unterschied zwischen `el` und `Vorlage` im vue-Komponente und app?
1 Antworten
Einem VUE-Komponente (und die app selbst) haben eine el: und auch ein template. Ich will verstehen, was der Unterschied ist, Wann muss ich Sie verwenden und Wann die andere: Wenn ich ein Projekt erstellen mit Nonne CLI-von
Vuetify v0.17.6: Wie man die AutoVervollständigen-text in v-wählen Sie
3 Antworten
Ich bin mit VueJS v2.5.13 und Vuetify v0.17.6. Ich bin, building a wählen Sie mit AutoVervollständigen-Funktion und, wenn der Benutzer tippt etwas, das nicht auf der Liste, Sie werden in der Lage, um zu sehen, eine Aktion
Wie füge ich ein Google-Schriftart, um eine VueJS Komponente?
5 Antworten
Ich versuche schon seit einer Stunde einen Weg finden, importieren Sie eine Google-Schriftart, die in einen VueJS Komponente, aber ich kann nicht scheinen, um eine Lösung zu finden, hat nicht geklappt, noch nicht einmal der Stoff, aus
Holen Sie sich input Wert auf keyup Vuejs 2
2 Antworten
Ich versuche, die input-Wert auf keyup verwenden Vuejs 2 aber bekomme immer ein leeres Ergebnis wie die Daten. Bitte siehe code unten. HTML: <input type="email" @keyup="this.$data.email= $event.target.value" class="form-control" id="email" placeholder="Username (your work email)"> <button type="button" class="btn btn-primary
vue js 2: Zugang props montiert Funktion
3 Antworten
Habe ich Daten, die Requisiten in der Kind-Komponenten. Innerhalb untergeordnete Komponente auf bereitgestellte Funktion, die ich brauche, um bestimmte Wert von Requisiten und set-select-dropdown-Wert. Ich bin mit vue-multiselect-plugin, das funktioniert Prima. Hier ist der code. module.exports =
Wie bewerten Sie Vue.js Komponente Requisiten in der data-Eigenschaft?
1 Antworten
Habe ich 2 Komponenten: Post und Comments. Inside-Post-Komponente, es gibt Kommentare, die Komponente, die 3 props: postId, numCom (Anzahl der Kommentare) und comments (array). Bekomme ich Kommentare und ich übergeben Sie das array mit Requisiten, und nun
Anzeige verschiedener Vuejs Komponenten für mobile Browser
8 Antworten
Ich entwickle ein SPA mit Vue 2.0. Die Komponenten so weit entwickelt sind, für die "desktop" - Browser, zum Beispiel, habe ich Main.vue, ProductList.vue, ProductDetail.vue, Möchte ich einen anderen Satz von Komponenten für die mobilen Browser, wie
Vue.js: Daten nicht aktualisiert mit den Zustand zu ändern, so das re-Rendern nicht passieren
3 Antworten
Habe ich eine wiederverwendbare Komponente, die eine video.js video-player. Diese Komponente funktioniert gut, wenn die Daten, die übergeben wird auf der ersten DOM-laden. Ich brauche, um herauszufinden, warum meine Komponente ist nicht re-Rendern, nachdem der Status wird
wie zu verwenden vue-router params
3 Antworten
Ich bin neu in vue arbeitet jetzt mit seinem router. Ich will navigieren Sie zu einer anderen Seite und ich verwende den folgenden code: this.$router.push({path: '/newLocation', params: { foo: "bar"}}); Dann erwarte ich, dass es auf die
Wie lösen Interpolation in Attribute entfernt wurde. Verwenden Sie v-bind-oder Dickdarm Kürzel ? Vue.JS 2
3 Antworten
Meiner 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"> ...