按需引入element

最新推荐文章于 2024-06-20 11:35:19 发布

Gilgala

最新推荐文章于 2024-06-20 11:35:19 发布

阅读量394

点赞数 7

文章标签： javascript

本文链接：https://blog.csdn.net/qiu280867922/article/details/136434950

版权

main.js

import 'element-ui/lib/theme-chalk/index.css'
import { components } from '@/components/_element.js'
components.forEach((component) => {
  Vue.component(component.name, component)
})

components/_element.js

import Vue from 'vue'
import {
  Button,
  Row,
  Col,
  Card,
  Progress,
  Dropdown,
  DropdownMenu,
  DropdownItem,
  Input,
  Option,
  OptionGroup,
  Select,
  Cascader,
  DatePicker,
  Table,
  TableColumn,
  Tag,
  Message,
  Image,
  Pagination,
  Dialog,
  Form,
  FormItem,
  Steps,
  Step,
  Breadcrumb,
  BreadcrumbItem,
  Loading,
} from 'element-ui'

export const components = [
  Button,
  Row,
  Col,
  Card,
  Dropdown,
  DropdownMenu,
  Progress,
  DropdownItem,
  Input,
  Option,
  OptionGroup,
  Select,
  Cascader,
  DatePicker,
  Table,
  TableColumn,
  Tag,
  Image,
  Pagination,
  Dialog,
  Form,
  FormItem,
  Steps,
  Step,
  Breadcrumb,
  BreadcrumbItem,
]
Vue.use(Loading.directive)
Vue.prototype.$message = Message
Vue.prototype.$loading = Loading.service