Tag: vue.js
Vue.js ist ein open-source -, progressive-Javascript-framework für die Erstellung von Benutzeroberflächen, die darauf abzielt, schrittweise adoptiert werden kann. Spezifische Fragen zu version 2 Vue.js sollte markiert werden [vuejs2].
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.
Vue.js Uncaught TypeError: this.Liste.$entfernen Sie keine Funktion
2 Antworten
Ich erhalte die gleiche Fehlermeldung, dass diese.Liste.$entfernen Sie keine Funktion. Ich glaube, es hat etwas zu tun mit dem html-markup, aber nicht sicher. Kann jemand mich in die richtige Richtung? Ich habe gekämpft, für die letzten 2
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
Wie lösen Sie ein array kopieren Vue.js
3 Antworten
Ich bin versucht zu kopieren ein array zu einem anderen, und verwenden Sie diese wie die new array ohne änderungen zu alte: <div id="app"> <div class="form-group"> <label>Test input</label> <input v-model="testArray[0].name" type="text" class="form-control" placeholder="Input"> </div> <br> <pre>testArray: {{
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
Aktualisieren der DOM-mit dem Wandel in ein Objekt (vue.js) - Bindung funktioniert nicht?
1 Antworten
Habe ich die app.js Datei, wo gmarkers ist ein array von Objekten : var vm = new Vue({ el: '#lili', data: { listings: gmarkers } }); In meinem HTML Datei : <div id="lili" > <div v-repeat="gmarker :
warum mein css code funktioniert nicht im vuejs?
3 Antworten
Ich habe Probleme mit css in VueJs. Sorry für die schlechte Beschreibung, aber ich habe keine Ahnung was ich falsch mache. Mein css in style scoped funktioniert in der Regel Prima in vuejs, kann ich normal die
Wann sollte ich verwenden render: h => h(App)?
2 Antworten
Durch die docs ich nicht ganz verstehen, wenn ich verwenden soll render: h => h(App) Funktion. Ich habe zum Beispiel sehr einfach, Vue app: import Vue from 'vue' import App from './App.vue' new Vue({ el: '#app', components:
vuejs Konfiguration: bei Verwendung einer globalen variable?
3 Antworten
Dies scheint dumm, aber ich habe es wie folgt einrichten: in config/index.js: module.exports = { API_LOCATION: 'http://localhost:8080/api/' } dann in src/app.js ich habe: import Vue from 'vue' import VueRouter from 'vue-router' import VueResource from 'vue-resource'; Vue.use(VueRouter); Vue.use(VueResource);
Electron & ES6, wie das umzusetzen, benötigen remote/ipc bei der Verwendung von gulp und ES6-Module
3 Antworten
ich bin mit ES6 js-Dateien, die werden dann zusammengestellt von gulp (browserify/babel), Beispiel für einen ES6-Datei: Habe ich einen ganz normalen App.js eingestellt wird, bis das Hauptfenster etc.. Dann wird der html-Seiten wird ein main.min.js Datei, die
Wie die Anzeige "wird geladen" - animation, während ein lazy-loaded route-Komponente geladen wird?
2 Antworten
Habe ich spaltete meine app in mehrere Stücke mit webpack code-splitting-Funktion, so dass die gesamte Programm-bundle ist nicht heruntergeladen, wenn der Benutzer Besuche meine Webseite. Den Brocken, die einige Strecken erfordern sind Recht groß und kann eine
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
In Vue.js wie Schreibe ich eigene Filter in separater Datei und verwenden Sie Sie in verschiedenen Komponenten durch die Deklaration in main.js?
3 Antworten
Ich habe versucht zu tun, aber es funktioniert nicht. //filter.js export default { converTimestamp: function (seconds) { var date = new Date(seconds * 1000); return date.toDateString(); } }; //main.js import customFilters from './store/filters'; InformationsquelleAutor Dinǝsh Gupta |
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
Vuejs fügen Sie mehrere Zeilen zu einer Vorlage?
2 Antworten
Ich würde gerne wissen wie man am besten einen neuen Linien bei der Konstruktion der Vuejs Vorlage. Den code habe ich wie es ist nicht funktioniert, wie es bricht die JavaScript-container. Vue.js will, dass ich den gesamten
Vue.js leeren Sie die Ergebnisse filtern
4 Antworten
In Vue habe ich, durch filtern einige Daten: <input v-model="search"> <ul> <li v-repeat="photo in photos | filterBy search in 'name'"> <img src="{{ photo.src }}" alt="{{ photo.name }}"> </li> <li v-if="!photos.length"> No results, sorry! </li> </ul> Woran kann
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>
so senden Sie eine E-Mail mit Vuejs?
2 Antworten
Wie kann ich tun, um senden Sie eine E-Mail mit Vuejs2. Ich Schaffe es, die input-Daten und verwandelte Sie in json, aber ich kann nicht senden Sie diese an ein Postfach. Ich freue mich für die Seite
Vue.js filterBy Suche in mehreren Feldern
3 Antworten
Wie kann ich filtern, die in mehreren search-Tasten? Ich versuche, so etwas wie dieses, aber (natürlich) funktioniert es nicht: <tr v-repeat="questions | filterBy search in 'reference','user.name','shop.shopName'"> Ihre beste option ist, um schreiben Sie Ihre eigenen benutzerdefinierten filter.
Wie funktioniert ist-ungültig bootstrap-Klasse der Arbeit?
1 Antworten
Habe ich eine Eingabe, die korrekt funktioniert: nach errror zurückgegeben wurde, vom server auf den client, sehe ich {{value}}. <div class="form-group"> <label class="col-md-8 control-label">Foo</label> <input class="form-control" v-model="foo" :class="{' is-invalid': errors.foo}"> <div class="invalid-feedback" v-if="errors.foo"> <strong v-for="value in errors.foo">{{value}}</strong>
Wie gesetzt Daten in nuxt.js next-link?
1 Antworten
Ich versuche zur Weitergabe von Daten an nuxt-link, aber nuxt-link ist einfach wieder eine 404-Fehlermeldung, wenn ich auf den link klicken. Es scheint nicht immer und das laden der Datei.... Den zweiten 2 links verwenden :href und
Vue.js v-Karte in einer Liste
2 Antworten
Ich bin sicher, dass dieser wird sehr einfach für Euch. Ich versuche, eine einfache Liste der Beiträge mit dem post-Titel immer sichtbar, und wenn Sie auf eine bestimmte Stelle in der Liste, Sie bekommen die post Körper.
VueJS: trigger input-Datei aus-Taste
2 Antworten
Brauche ich zum erstellen einer benutzerdefinierten Datei-uploader zum hochladen von einem Profilbild, aber ich don ' T wollen, verwenden Sie die original-design der input-Datei, sondern verstecken es und zeigen Sie eine Taste, nur um das Bild hochzuladen.
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,
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
"Get data from DB basierend auf den ausgewählten Werten. Vue.js + laravel
2 Antworten
Ich habe eine Tabelle mit Bankeinlagen wich enthält die folgenden Reihen: currency | period | percents. Im frontend habe ich 2 select-Felder und 1 Eingang: <select name="currency" class="form-control" v-model="currency"> <option>USD</option> <option>EUR</option> </select> <select name="period" class="form-control" v-model="period"> <option>6</option>
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
Umsetzung Vue.js + Datentabellen richtig
3 Antworten
Ich versuche zu implementieren Vue.js + jQuery-DataTables-aber gibt es einen seltsamen Dinge geschehen. Überprüfen Sie diese Geige auf firefox (nicht bei chrome): http://jsfiddle.net/chrislandeza/xgv8c01y/ wenn ich den Zustand der DataTable (z.B. Sortieren, suchen, etc.): Neu hinzugefügte Daten auf
Ändern Sie die Standard-Breite eines VuetifyJS DataTable-Zelle
2 Antworten
Ich bin mit dem VuetifyJS Daten Tabelle und ich brauche zu bewegen, die Einträge der einzelnen header-Zelle so nah wie möglich an einander. Ich versucht, um einen Breite zu jeder header, aber das hat nicht funktioniert -
Etwas tun, vor dem laden oder in der Nähe vue.js
1 Antworten
Habe ich eine Vue.JS Anwendung mit einem beforeDestroyMethode, die ich versuche zu verwenden, zu speichern, damit die Daten im lokalen Speicher, bevor die app geschlossen oder neu geladen wird. Nur für Referenz: beforeDestroy: function() { localStorage.setItem('preference', this.preference);
Bewahren Komponente Zustand mit vue-router?
3 Antworten
Habe ich eine Liste/detail use case, wo der Benutzer können doppelklicken Sie auf ein Element in einer Produkt-Liste, gehen Sie zu den detail-Bildschirm zu Bearbeiten und dann gehen Sie zurück zu der Liste-Bildschirm, wenn Sie fertig sind.
Set Höhe von einem div in vue js
3 Antworten
Bin ich mit vue js . Ich möchte einen div-basiert auf einem anderen div-Höhe, mit reinem javascript. das problem, das ich bin vor ist, kann ich nicht die Höhe mit reinen java-script. aber ich kann es mithilfe
Navigationsleiste mit Vue.js
1 Antworten
Ich arbeite derzeit an einem Projekt in Vue.js und dies ist meine erste Zeit mit einer vollständigen Umgebung mit Webpack, Vue.js, Babel, und so weiter. In früheren Projekten, mit einem navigation bar war ziemlich straight-forward. Fügen Sie
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 Weitergabe der Daten an POST-Methode
2 Antworten
Ich habe ein problem mit dem übergeben von Daten an Vuejs post Methode. Ich bin mit vue-Ressource und der in der Dokumentation ist: this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback); Will ich header und es funktioniert einwandfrei(server-header liest richtig) für:
[Vue warnen,]: Fehler in der render-Funktion: "TypeError: Cannot read property 'Vorname' null"
2 Antworten
Habe ich Folgendes Navigation.vue Komponente: <template> <div> {{user.first_name}} </div> </template> <script> import { mapActions, mapGetters } from 'vuex' export default { name: 'hello', methods: { ...mapActions(['myAccount']) }, mounted: function () { if (localStorage.getItem('access_token')) { this.myAccount() } },
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"
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
Vue Unit-Test-Fehler: vuex erfordert ein Versprechen polyfill in diesem browser
2 Antworten
Ich ein Projekt erstellt mit vue-cli und Hinzugefügt vuex und vue-router in es. Ich bin versucht, setup-unit Tests für Sie, aber ich bin immer folgende Fehlermeldung. Ohne Vuex, es verwendet, um zu arbeiten. PhantomJS 2.1.1 (Mac OS
Die übergabe der Daten von der Klinge zum vue-Komponente
2 Antworten
Ich versuche zu lernen, vue, und mit, dass ich integrieren möchten es mit laravel zu.. Ich möchte einfach senden Sie die Benutzer-id von der Klinge zum vue-Komponente, so kann ich führen eine put-Anforderung gibt. Sagen wir, ich
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 -
Vue JS - How, um die Größe der Fenster, wenn es geändert
2 Antworten
Ich bin neu vuejs aber ich habe versucht, die Größe des Fensters immer, wenn ich ändern Sie die Größe, damit ich es vergleichen kann um einen Wert für eine Funktion, die ich bewerben müssen, je nach Bildschirmgröße.
Vermeiden Sie die Zugabe von reaktiven Eigenschaften zu einem Vue-Instanz oder deren root $Daten zur Laufzeit deklarieren Sie Sie im Voraus in den Daten-option.
1 Antworten
Ich bin ein bisschen verwirrt mit VueJS2. Ich habe ein paar Variablen, um den Daten-container für den Versand es zu meiner API. Das funktioniert aber Vue wirft mir eine Warnung/Fehlermeldung, die ich nicht wissen, wie zu lösen:
VueJS v-Bindung:style background-image: url()
4 Antworten
Laut VueJS docs: <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> Ich habe versucht, mehrere Muster: <div v-bind:style="{ background-image: url(item.img), }"></div> <div v-bind:style="{ 'background-image': url('item.img'), }"></div> <div v-bind:style='{ backgroundImage: "url(item.img)", }'></div> Aber die Ergebnisse sind nicht
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: '/',