如何在vue项目中引入element ui组件iview组件

Posted 2021-11-23 沛沛老爹

前言

建议都在已经建立好的vue项目的基础上，再引入element ui或iview组件，而不是按照element ui或iview的官方网站进行，那样一般会存在很多设置的问题。

一、引入element ui组件

（1）安装element ui，即：

npm i element-ui -S

然后在项目中的node_modules目录下查看是否有element-ui文件夹，如果有说明安装成功了；

（2）引入element ui

在main.js中引入element ui，即：

1 import ElementUI from 'element-ui'
2 import 'element-ui/lib/theme-chalk/index.css'
3 Vue.use(ElementUI)

【注意红色部分，以前是theme-default，现在变成theme-chalk】。

二、引入iview组件

（1）首先安装iView组件，在vue -cli中使用 ，即：

npm install iview --save

（2）在main.js中引入如下：

1 import iView from 'iview'; // 导入组件库
2 import 'iview/dist/styles/iview.css'; // 导入样式
3 
4 Vue.use(iView);

然后就可以正常使用iview中的组件了！

转载于:https://www.cnblogs.com/lanyb009/p/9248688.html