Tag: vue.js

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

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

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

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 :

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:

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

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

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

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

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>

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.

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

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.

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

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

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 -

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.

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

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

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() } },

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

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

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.

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

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: '/',