导入vuetify指令的正确方法是什么?

时间:2018-01-29 23:03:03

标签: vuetify.js

导入vuetify的内置指令的正确方法是什么?与this one一样。

我这样做,虽然有效,但看起来有点糟糕:

alter table a add b_id int;

update a
   set b_id = b.id
from b 
where a.tractce = b.tractfips;


alter table a drop column tractce;
alter table a add constraint fk_a_b foreign key (b_id) references b;

稍后在我的import { Vuetify, VApp, VNavigationDrawer, VProgressLinear, VList, VBtn, VIcon, VGrid, VToolbar } from 'vuetify'; import * as directives from 'vuetify/es5/directives'; Vue.use(Vuetify, { components: { VApp, VNavigationDrawer, VProgressLinear, VList, VBtn, VIcon, VGrid, VToolbar }, directives, theme: { ... } }); 文件中:

.vue

2 个答案:

答案 0 :(得分:4)

如果您只想要调整大小指令

,请使用

清洁解决方案

import { Resize } from 'vuetify/es5/directives';

简单地说:

export default {
 ....
  directives : {
     Resize
  }
}

答案 1 :(得分:0)

可接受的答案是Vuetify 1,应使用Vuetify 2:

import { Resize } from 'vuetify/lib/directives';

Vue.use(Vuetify, {
  directives: {
    Resize
  }
});