Antd按需引入【Vue版】

╰+攻爆jí腚メ 2022-02-15 04:43 989阅读 0赞

antd给了两种按需导入的，我很想用第一种，但是弄了半天，就是弄不好，就算了。有知道的小伙伴可以在下面留言告诉我
在这里插入图片描述

话不多说直接上代码

  1. // 按需引入
  2. antdimport { Button,Input,Form,Select,Table,Drawer,Icon,Popconfirm,Steps,Col,      Radio,DatePicker,Switch  } from 'ant-design-vue';
  3. import 'ant-design-vue/lib/button/style';
  4. import 'ant-design-vue/lib/input/style';
  5. import 'ant-design-vue/lib/form/style';
  6. import 'ant-design-vue/lib/select/style';
  7. import 'ant-design-vue/lib/table/style';
  8. import 'ant-design-vue/lib/drawer/style';
  9. import 'ant-design-vue/lib/icon/style';
  10. import 'ant-design-vue/lib/popconfirm/style';
  11. import 'ant-design-vue/lib/steps/style';
  12. import 'ant-design-vue/lib/col/style';
  13. import 'ant-design-vue/lib/radio/style';
  14. import 'ant-design-vue/lib/date-picker/style';
  15. import 'ant-design-vue/lib/switch/style';
  17. Vue.use(Button);
  18. Vue.use(Input);
  19. Vue.use(Form);
  20. Vue.use(Select);
  21. Vue.use(Table);
  22. Vue.use(Drawer);
  23. Vue.use(Icon);
  24. Vue.use(Popconfirm);
  25. Vue.use(Steps);
  26. Vue.use(Col);
  27. Vue.use(Radio);
  28. Vue.use(DatePicker);
  29. Vue.use(Switch);

如果引入无效请尝试这样的 【我当时上面那种的确有效，但是我在使用nuxt的时候发现无效需要改成】
import ‘ant-design-vue/lib/button’;
Vue.use(Button);

在这里插入图片描述

全部组件：antd组件

这么做的最直接好处，就是打包的时候文件大小要小了很对

发表评论

表情：
评论列表 （有 0 条评论，989人围观）

还没有评论，来说两句吧...

相关阅读