vue2 配置element-ui

2024年5月20日 195次阅读 来源: zxc19890923

1、安装element-ui

npm/cnpm install element-ui -S

2、main.js中配置

...
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' // 全局引入css样式
Vue.use(ElementUI)

3、在项目中使用

element组件库，直接按照组件使用就可以了。
https://element.eleme.cn/#/zh-CN/component/installation

注意：
在初始化项目的时候，必须使用css对浏览器进行初始化，要不然会遇到很多问题，我之前遇到的坑和大家分享，避免浪费大家时间
我项目中使用flex布局，发现flex: 1无效，最后找到原因就是html，body，#app高度没有设置，最后初始化100%；就好了。虽然是个小问题，但是会浪费开发时间。

    原文作者：zxc19890923
    原文地址: https://segmentfault.com/a/1190000019411994
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞