Tag: vuetify.js

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 -

Kann ich für die verschiedenen styling für eine bestimmte Zeile in einer Datentabelle? Dies ist mein code: <v-data-table :headers="headers" :items="items" v-model="selected" :search="search" :no-data-text="mensagem" select-all :rows-per-page-text="linhasPorPagina"> <template slot="items" slot-scope="props"> <td> <v-checkbox primary hide-details v-model="props.selected" ></v-checkbox> </td> <td class="text-xs-left">{{

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

Hoffentlich wird jemand wissen, wo ich gegangen bin hier falsch - ich bin versucht zu implementieren, die die Font-Awesome-Paket mit Vuetify. Font Awesome ist, dass alle importierten und bereit zu gehen (setup die gleichen Projekte, die ich

Ich habe eine Tabelle mit dynamisch ändernden Spalten. weil die Vorlage für die Tabelle kann nicht hardcoded werden, wie dies - <template> <v-data-table :headers="headers" :items="items" hide-actions class="elevation-1" > <template slot="items" slot-scope="props"> **<td>{{ props.item.name }}</td> <td class="text-xs-right">{{ props.item.calories

Benutze ich vuetify layout, und will ich machen-Taste an der rechten Seite, aber ich fand align-end die vuetify-Eigenschaft funktioniert nicht, ich benutze offset-xs9 zu machen-Taste Rechte Seite, aber der button center in v-flex, wie man es am

Ich bin mit Vuetify vordefinierte Vorlage 'Google Contacts'. Link: https://vuetifyjs.com/en/examples/layouts/googleContacts Ich bin neu in Vuetify und Schwierigkeiten Verständnis einige codes. Man ist 'slot-Aktivator'. Beispielcode: <v-list-tile slot="activator"> <v-list-tile-content> <v-list-tile-title> {{ item.text }} </v-list-tile-title> </v-list-tile-content> </v-list-tile> Kann mir jemand

Gibt es eine Möglichkeit, center-Inhalte vertikal in Vuetify? Mit der text-xs-center helper-Klasse, der Inhalt wird horizontal zentriert nur: <v-container grid-list-md text-xs-center> <v-layout row wrap> <v-flex xs12> Hello </v-flex> </v-layout> Aus der API, getestet habe ich einige andere

Neueren Versionen von Vue Router erlauben für die links, das öffnen in einem neuen tab, wie z.B. die folgenden <router-link :to="{ name: 'fooRoute'}" target="_blank"> Link Text </router-link> richtig macht ein <a target="_blank">. Jedoch das gleiche scheint nicht

Benutze ich v-text-Feld, und v-wählen, mit vue-loader. Ich habe versucht, ändern Sie schriftart,-Größe, aber ich konnte nicht. Wie ändere ich die font-Größe? Mein code gefällt das. <template lang="pug"> p label-1 v-text-field(...) p label-1 v-text-field(...) </template> <stylelang="sass"> .input-group

Ich bin neu in Vue und Vuetify. Ich habe gerade erstellt schnelle app um zu überprüfen, beide von Ihnen. Aber ich bin ein in Probleme laufen zu beginnen. Der Verein schlägt fehl, zu erkennen vuetify Komponenten, obwohl

Meine Vuetify v-select element sieht so aus: <v-select v-bind:items="languages" v-model="setLocale" label="Language:" auto prepend-icon="map" item-value="fetchedLocale" hide-details id="langSelect" > In data finden Sie: data () { return { languages: [ { shortCode: 'en', text: 'English' }, { shortCode: 'pl',

Habe ich dieses layout jetzt: Aber mein Ziel ist dies, Haupt-Inhalt zentriert ist. toolbar und mit dem Titel der Seite zentriert ist, sondern ein wenig auf der linken Seite: Hier mein template-layout in Vuetify/Vue <v-tabs dark fixed

Brauche ich zur Anzeige der item.title außerhalb der <v-carousel> aber ich bekomme diese Fehlermeldung: [Vue warnt]: die Eigenschaft oder Methode "Element" definiert ist, nicht auf die Instanz verwiesen, aber beim Rendern. Stellen Sie sicher, dass diese Eigenschaft

Ich habe versucht zu laufen, die Vuetify VueJS Cordova Beispiel aber habe diesen Fehler nach npm run dev Knoten build/dev-server.js Starten dev-server... (Knoten:1024) DeprecationWarning: Tapable.plugin ist veraltet. Verwenden Sie die neue API auf .hooks statt (Knoten:1024) DeprecationWarning:

Ab Datum des Poststempels, ich finde keine Dokumentation zur Verwendung der "benutzerdefinierten filter" prop im Daten-Tabellen. Ich möchte nur zum erstellen eines benutzerdefinierten filters zum filtern meiner Tabelle mit Daten von Headern. Ich habe ein dropdown, und

Ich bin mit vuetify Komponenten für front-end in Vuejs. Ich möchte mit einem user registeration form mit Datei-upload. Ich bin in der Lage, erstellen Sie ein Formular mit v-text-field im vuetify aber wie, um die Datei hochzuladen.