vuetify.js

问题 Am using vuetify to build a template but am getting an error unknown custom element dashboard did you register the component correctly? This is my code: In the main.js import Vue from 'vue' import App from './App.vue' import Vuetify from 'vuetify' import VueRouter from 'vue-router'; import {routes} from './routes'; Vue.use(VueRouter); Vue.use(Vuetify) new Vue({ el: '#app', render: h => h(App) }) In my App.vue <template> <dashboard></dashboard> </template> <script> import Dashbaord from '.

问题 I have started using Vuetify to add ui-components and use pre-defined layouts. The problem is that I have to look into online-docs every now and then, and requires me to be connected to internet perpetually. Is there a way to get offline docs for Vuetify? Like an html built with doxygen/javadocs, or a CHM? PDF? LaTEX? Anything really helps. 回答1: Update git clone https://github.com/vuetifyjs/vuetifyjs.com.git has become a private project. The docs are now in the packages/docs/ directory.

问题 Is there a way to center content vertically in Vuetify? With the text-xs-center helper class, the content gets centered horizontally only: <v-container grid-list-md text-xs-center> <v-layout row wrap> <v-flex xs12> Hello </v-flex> </v-layout> From the API, I tested some other helper classes such as align-content-center but did not achieve the result. 回答1: Update for new vuetify version In v.2.x.x , we can use align and justify. We have below options for setup the horizontal and vertical

问题 I want to quantify my v-img like the one you see in the image below. Is there a way to make something like the image you see with vuetify's v-img . <div class="row"> <v-img style="margin:2px" max-height="301" max-width="380" :key="index" v-for="(image, index) in post.userPostImg" :src="$store.state.baseURL + '/news/' + image"> </v-img> </div> 回答1: Create two rows with no-gutters prop, the first one contains one image and the other one contains three columns that conain the 3 images : <v-row

问题 I want :value to change from inputValue.start to inputValue.end automatically. So when I click on the end date it should be updated in the second text field. Likewise, if I select a date range in the second text field, the first text field should also be updated again. At the end of this question you can see the result of both cases. P.S.: I use the V-Calendar plugin for Vue.js. The vc-date-picker element is from this plugin. HTML: <v-col v-for="(dateF, date_id) in datesF" :key="date_id + 'A'

问题 I'm working on a Vue/Vuetify app that has a performance problem. I've created a custom component that wraps around a standard Vuetify v-data-table component. It works fine for small amounts of data, but giving it moderate to large amounts of data causes Firefox to hang and Chrome to crash. Here's a slightly simplified version of my code: <script> import ... export default { props: { theValues: Array, // other props }, computed: { theKeys: function() { return this.schema.map(col => col.col); }

问题 I'm working on a Vue/Vuetify app that has a performance problem. I've created a custom component that wraps around a standard Vuetify v-data-table component. It works fine for small amounts of data, but giving it moderate to large amounts of data causes Firefox to hang and Chrome to crash. Here's a slightly simplified version of my code: <script> import ... export default { props: { theValues: Array, // other props }, computed: { theKeys: function() { return this.schema.map(col => col.col); }

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container