Tag: vue-component
Komponente ist eine leistungsfähige Vue-Funktion, ermöglicht den ausbau der grundlegenden HTML-Elemente zur Kapselung von wiederverwendbarem code.
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
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
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
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"
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,
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"
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
Wie der name vue Komponenten
1 Antworten
Habe ich vier Komponenten: comments.vue, comments-list.vue, comment.vue, comment-new.vue. comments.vue verwendet andere Komponenten anzeigen: Liste der Kommentare (keine ajax-Aufrufe) ein. Die enthält eine einzige Bemerkung (im Grunde ist es nur eine Vorlage mit einer einzigen Eigenschaft) Textarea zu
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
Vue - Zugriff auf nested Kinder mit ref
1 Antworten
Habe ich vue-Komponente, welche ich in sich drin - Daten haben kann-array mit Unterelementen und ich dieses array verwenden, damit Sie in der Schleife, und die nächste Stufe, das nächste level etc. nach nesting level. Nun würde
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
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>
Die Schaffung einer Kind-Komponente in einer übergeordneten Komponente in Vue.JS
1 Antworten
Ich versuche herauszufinden, wie man eine Komponente innerhalb einer anderen in VueJS. Zum Beispiel so etwas wie diese, die leider nicht funktioniert (die Kind-Komponente angezeigt wird, nichts zu tun): http://www.webpackbin.com/NyI0PzaL- Ich bin genauso daran interessiert, das mit
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
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"> ...
Können wir machen vue.js Anwendung ohne .vue-Erweiterung Komponente und webpack?
4 Antworten
Hinweis: Können wir schreiben vue.js große Anwendung ohne compiler für code wie aktuell sehe ich alle Beispiel verwenden webpack jetzt zu machen vue.js code-kompatibel für den browser . Will ich machen vue.js Anwendung ohne webpack ohne .vue
Globale Daten mit VueJs 2
2 Antworten
Im relativ neuen mit VueJS, und ich habe keine Ahnung, wie man einige Daten Global verfügbar. Ich möchte zum speichern von Daten wie API-Endpunkte, Benutzer-Daten und einige andere Daten aus der API irgendwo, wo jede Komponente bekommen
Bekommen element Höhe mit Vuejs
2 Antworten
Ich möchte die Höhe eines div, um die Höhe eines anderen div-Abgleich. Ich verwendete die Methode, clientHeight, aber Er kommt nicht mir der gute Wert (kleiner Wert). Eigentlich, so scheint Es, um wieder eine Höhe haben, bevor
wie man mit setInterval in vue-Komponente
2 Antworten
Definiere ich den timer in jedem my-Fortschritt, verwendet zum aktualisieren der Wert anzeigen, jedoch zeigt die Konsole den Wert der Konstanten ändert, und der Wert ist immer noch nicht geändert, wie kann ich in den timer zu
Wie auch auf externe js-innen vue-Komponente
1 Antworten
Möchte ich ein slide image in meiner app mit jQuery Slide Image bekomme ich aus dem internet. Diese Quelle muss es sich um externe JS und CSS. Möchte ich nur verwenden Sie diese externe Bibliothek, die nur
so erstellen Sie eine 404-Komponente in vuejs mit vue-router
4 Antworten
Ich bin neu vuejs und ich arbeite an meinem ersten Projekt mit vue. Ich Frage mich nur, wie ich die route zu meinem 404.vue-Komponente, wenn die angeforderte url nicht gefunden wird. Irgendeine Idee? Mögliche Duplikate von Vue-router
Zugriff auf verschachtelte untergeordnete Komponenten in VueJS
2 Antworten
Mit v2.2.2. Ich habe folgende Struktur in meinem VueJS app. Wie kann ich den Zugriff auf alle Konto-Komponenten aus einer Methode, die auf meinen Beitrag Komponente? Die Anzahl der Konten ist dynamisch - das will ich greifen
Wie zu beobachten prop ändern in Vue.js Komponente?
2 Antworten
Bin ich ein array übergeben, von Bild filepaths, die auf eine Komponente. Ich Frage mich, was wäre der beste Weg, um beobachten prop ändern in Vue.js Komponente, wenn ich den pass einem anderen array? Ich bin mit
[Vue warn]: Failed to mount-Komponente: template machen oder Funktion nicht definiert Webpack 4
1 Antworten
Begann ich immer diese Fehlermeldung, sobald ich ein Upgrade auf Webpack und der zugehörigen Abhängigkeiten zu v4: [Vue warn]: Failed to mount component: template or render function not defined. Hier die relevanten Ausschnitte von meinem package.json und
Vue.js - Wie Aufruf der Methode einer anderen Komponente
3 Antworten
Ich bin mit Vue.Js v2. Möchte ich nennen, component1->c1method in component2->c2method für reload Daten nach dem Absenden. Vue.component('component1', { methods: { c1method: function(){ alert('this is c1method') }, } }) Vue.component('component2', { methods: { c2method: function(){ component('component1').c1method()//like this
Mit custom-themes in Vuetify und pass Farbe Variablen Komponenten
2 Antworten
In meinem index.js - Datei habe ich manuell überschreiben, die Vuetify theme Objekt mit meiner Firma Farbe: Vue.use(Vuetify, { theme: { primary: '#377ef9', secondary: '#1b3e70', accent: '#ff643d', error: '#ff643d' ... } Nun, kann ich diese Farben von
Wie kann ich neu laden ein vue-Komponente?
4 Antworten
Ich weiß, die Lösung ist ein update der prop-Daten wie diese : this.selectedContinent = "" Aber ich will eine andere Lösung Nachdem ich Lesen Sie einige Referenz, die Lösung ist : this.$forceUpdate() Ich versuche es, aber es
Wie bekomme ich Daten zu arbeiten, wenn Sie innerhalb einer Komponente und Axios?
3 Antworten
Ich bin neu Vue.js und Axios. Ich verstehe nicht ganz, wie man die data option arbeiten, wenn Sie innerhalb einer Komponente. Warum nicht' mein test-arbeiten? Bekomme ich die folgende Fehlermeldung in der Konsole: [Vue warn]: The "data"
vuejs radio-button-Komponente
2 Antworten
Ich versuchen, diese custom radio-button-Komponente arbeiten in vuejs. Wie mache ich den radio-button aktiviert mit einem Wert aus der übergeordneten Komponente. Ich weiß, Sie verwenden, v-Modell, und legen Sie es auf einen gleichen Wert in einem der
Kann eine Vue Boolean prop wahr sein, durch Ihre Präsenz und false durch seine Abwesenheit?
1 Antworten
In meinem Vue-Komponente habe ich einen Boolean prop namens "obj". Die wie folgt definiert sind: obj: { Type:Boolean, default: false} Kann ich einstellen, dass es wahr wie diese: <my-component :obj="true"></my-component> Aber ich möchte in der Lage sein,
Eine einfache datepicker in VueJS
2 Antworten
Möchte ich ein datetimepicker in einem Komponenten-Eingang-tag. Ich habe implementiert bootstrap-datetimpicker aber wenn ich "Datum wählen" i cant get input-Wert in der Komponenten-Methoden( hier ist ein Beispiel: https://jsfiddle.net/ma9sgnd8/1/ new Vue({ el: '#app', data: { date: '' },
Öffnen Sie ein Vuetify dialog aus einer Komponente, die Vorlage in VueJS
6 Antworten
Ich bin mit dem VueJS Vuetify Rahmen und ich brauche, um ein Dialogfeld zu öffnen - das wird importiert, als eine Komponente der Vorlage aus einer anderen Vorlage. Sobald die Menü Taste in App.vue hab geklickt, den
Mit dem v-Modell mit einem prop VUE.JS
3 Antworten
Ich versuche, einen Daten aus einem prop mit v-Modell, der folgende code funktioniert, aber mit einer Warnung. <template> <div> <b-form-input v-model="value" @change="postPost()"></b-form-input> </div> </template> <script> import axios from 'axios'; export default { props: { value: String },
Wie kann ich einstellen, dass ausgewählte option im vue.js 2?
3 Antworten
Meine Komponente vue ist wie folgt : <template> <select class="form-control" v-model="selected" :required @change="changeLocation"> <option :selected>Choose Province</option> <option v-for="option in options" v-bind:value="option.id" >{{ option.name }}</option> </select> </template> Benutze ich dieses : <option :selected>Choose Province</option> zu ausgewählten Aber whene
Wie lösen Interpolation in Attribute entfernt wurde. Verwenden Sie v-bind-oder Dickdarm Kürzel ? Vue.JS 2
2 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"> ...
Ist es möglich, zu ändern Requisiten Wert aus Methode in Vue-Komponente?
1 Antworten
Habe ich eine Komponente und ich bin vorbei an Wert 543, Requisiten :Requisiten-Raum-ausgewählt, <navigation-form :prop-room-selected='543'> </navigation-form> Nun, eine Schaltfläche auf, ich rufe die Funktion updateCoachStatus ändern Sie den Wert von propRoomSelected, aber die Requisiten-Wert wird nicht aktualisiert.
Ungültige prop: type-check fehlgeschlagen für prop
3 Antworten
Erstellte ich einen countdown mit Vue.js aber ich habe Schwierigkeiten, das zeigen die Werte, die ich erhalte. Ich habe zwei Komponenten und ich habe gelesen das eine einzige Datei Komponente Handbuch von Vue, aber ich nur don
Wie zum senden von aktualisierten Werte aus Übergeordneten Komponente eine untergeordnete Komponente in Vue JS?
3 Antworten
Leite ich eine variable aus der übergeordneten Komponente eine untergeordnete Komponente durch Requisiten. Aber mit einigen Betrieb, der Wert dieser variable wird immer verändert, D. H. auf Klick auf eine Schaltfläche in der übergeordneten Komponente, aber ich
Vue Auslösen Uhr auf montiert
2 Antworten
Habe ich eine vue-Komponente unten, dass ich sehen will, auf "trigger", wenn es ' s montiert. Wie mache ich das? Vue.component('check-mark', { name: 'check-mark', template: ` <input :value="value"> `, props: { value: { type: String, required: true,
Komponenten und Sub-Komponenten
2 Antworten
Ich bin neu Vue.js und ich habe ein bisschen Schwierigkeiten mit Komponenten, die mit sub-Komponenten. Ich habe Folgendes .vue Dateien app.vue <template> <section> <menu></menu> <h1>Create Your MIA</h1> <div id="board"></div> <slider> <skin></skin> </slider> </section> </template> Schieberegler.vue <template> <div
Vue Vorlage zu machen oder Funktion nicht definiert, doch bin ich weder?
5 Antworten
Dies ist mein Haupt-javascript-Datei: import Vue from 'vue' new Vue({ el: '#app' }); Meiner HTML-Datei: <body> <div id="app"></div> <script src="{{ mix('/js/app.js') }}"></script> </body> Webpack Konfiguration Vue.js mit der runtime-build: alias: { 'vue$': 'vue/dist/vue.runtime.common.js' } Ich noch immer
VueJS Lesen, Dom-Attribute
1 Antworten
Ich möchte das href-Attribut, um die Schaltfläche click-Ereignis. <a v-on:click.prevent="func($event)" href="/user/all/2"> <i class="fa fa-edit"></i> <span>Get Data</span> </a> Main.JS Dateien new Vue({ el: 'body', methods: { func: function (event) { element = event.target; console.log(element); //Output : Select span|i|a
VueJs: Textarea input binding
1 Antworten
Ich versuche, herauszufinden, wie zu erkennen, ändern Sie den Wert auf die textarea-Komponente aus der Komponente. Für die Anregungen, die wir verwenden einfach <input :value="value" @input="update($event.target.value)" > Jedoch auf textarea-das wird nicht funktionieren. Was, mit dem ich
Gewusst wie: laden von externen html-Datei in eine Vorlage in VueJs
3 Antworten
Ich bin neu in vue js. Ich erstelle gerade ein einfaches Projekt, wo ich nur vuejs durch CDN. nicht mit node/npm oder cli. Ich halte alle meine html-markup in html, das sieht unordentlich aus, wie es wächst.
Wie man der aktuellen route name in Nuxt.js?
2 Antworten
Ich bin mit Nuxt.js für den Aufbau einer statischen website. Wie der Zugriff in der Komponente script code aktuell angezeigte route name (ich möchte vermeiden, Lesen direkte url aus der browser-Speicherort)? Kann ich irgendwie Zugriff $route.name ?
v-for-Schleife und die Verwendung von key-Attribut
4 Antworten
Könnte nicht in einem Rahmen der Titel mehr relevant , tut mir Leid.... Ich habe eine [ ] in meinem data-Eigenschaft, die wird gefüllt mit Gegenständen, die mit einem Aufruf von externen API Ich in einer Schleife
VueJS Daten als Objekt
1 Antworten
Hier ist ein VueJS Komponente: <template> <a @click="log">click me<a> </template> <script> export default { data() { return { a: "a", b: "something", foo: { bar: "baz" }, //etc. } }, methods: { log() { //console.log( data );
- 1
- 2