首页 > 其他 > 详细

vue Element-UI使用

时间:2021-06-19 12:48:58      阅读:16      评论:0      收藏:0      [点我收藏+]

官网:

https://element.eleme.cn/#/zh-CN/component/installation

npm 安装(在当前项目目录安装    )

npm i element-ui -S

引入 Element

你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。

完整引入

在 main.js 中写入以下内容:

 
import Vue from ‘vue‘;
import ElementUI from ‘element-ui‘;                      //按顺序添加这两条数据
import ‘element-ui/lib/theme-chalk/index.css‘;
import App from ‘./App.vue‘;

Vue.use(ElementUI);

new Vue({
  el: ‘#app‘,
  render: h => h(App)      //一个渲染模式
});
 

 去除全局样式(在static内添加global文件夹创建index。css文件 )

技术分享图片

 

引入全局和

技术分享图片

 

 

 

vue Element-UI使用

原文:https://www.cnblogs.com/ouyangjintao/p/14902243.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!