Vuecli3按需引入elementUi

最新推荐文章于 2023-06-26 14:08:43 发布

触不到的颜色是否叫彩虹

最新推荐文章于 2023-06-26 14:08:43 发布

阅读量1.1k

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_28259083/article/details/124302315

版权

1. elementConfig.js

import {
	Carousel, CarouselItem, Dropdown, DropdownMenu, DropdownItem, Dialog, Button, 
	Form, FormItem, Input, Table, TableColumn, Image, Upload, Select, Option
} from 'element-ui'

export default {
  install (V) {
		V.use(Carousel)
		V.use(CarouselItem)
		V.use(Dropdown)
		V.use(DropdownMenu)
		V.use(DropdownItem)
		V.use(Dialog)
		V.use(Button)
		V.use(Form)
		V.use(FormItem)
		V.use(Input)
		V.use(Table)
		V.use(TableColumn)
		V.use(Image)
		V.use(Upload)
		V.use(Select)
		V.use(Option)
  }
}

2. element-variables.scss

/*icon字体路径变量*/
$--font-path: "~element-ui/lib/theme-chalk/fonts";

/*按需引入用到的组件的scss文件和基础scss文件*/
@import "~element-ui/packages/theme-chalk/src/base.scss";
@import "~element-ui/packages/theme-chalk/src/carousel.scss";
@import "~element-ui/packages/theme-chalk/src/carousel-item