我最近将vuetify从旧版本(1.2.8)更新到新版本(1.3.2),并通过点菜导入了组件。看起来像下面。
import Vue from 'vue';
import Vuetify, {
VApp, // required
VNavigationDrawer,
VGrid,
VFooter,
VToolbar,
transitions
} from 'vuetify/lib'
import { Ripple } from 'vuetify/lib/directives'
Vue.use(Vuetify, {
components: {
VApp,
VNavigationDrawer,
VFooter,
VToolbar,
VGrid,
transitions
},
directives: {
Ripple
}
});
我做的和文档建议的完全一样。但是我在生产构建时遇到了VGrid和过渡的问题。因此,我的布局中断了。有人可以帮我吗?
错误:
答案 0 :(得分:1)
我查看了vuetify库,该代码似乎正确,不确定为什么它不起作用。最后,我所做的是,仅将VGrid和Transitions组件导入如下。现在可以了。
import VGrid from 'vuetify/lib/components/VGrid/';
import transitions from 'vuetify/lib/components/transitions/';