1.安装element-ui
npm install element-ui --save
2.在package.json中查看
3.创建文件
- 在项目的根目录下的plugins下创建ElementUI.js文件
import Vue from "vue";
import ElementUI from "element-ui";
Vue.use(ElementUI);
4.引入文件
- 在nuxt.config.js中修改如下:
// Global CSS: https://go.nuxtjs.dev/config-css
css: [ "element-ui/lib/theme-chalk/index.css"],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [{ src: "~plugins/ElementUI", ssr:true }],
注意:引入完成后,需要重新运行
5.验证
- 在pages/index.vue中增加
<el-row>
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</el-row>
出现上图按钮效果就完成了element-ui的导入,element-ui就可以正常使用了