gen1.首先进入nuxt的官网跟着步骤实现内容。

https://zh.nuxtjs.org/guide/plugins

2.在我们的项目目录中找plugin

根据图片中的表示引入内容：

import Vue from 'vue'
import ElementUI from 'element-ui'
Vue.use(ElementUI)

3.然后找nuxt.config.js 文件夹

根据上图中的红线引入element-ui

以上和官网的上的差不多,但是如果你用的是element-ui的2.0.11。可能就会使用不了element里面的样式，这是因为nuxt里面 的vue版本是1的版本，所以你需要把element的版本降到1.4.12

再看一下node_modules里面的内容是否和上图标红的路径对应

												


											
在nuxt中加入element-ui插件遇到的问题的更多相关文章
	

    
						
  1. 在vue中关于element UI 中表格实现下载功能，表头添加按钮，和点击事件失效的解决办法。
		
    因为在element 中表格是使用el-table的形式通过数据来支撑结构,所以,表格的样式没有自己写的灵活,所以有了没法添加按钮的烦恼.下面是解决的方法. 准备工作: 一.下载npm安装包两个 1. ...
    
		
    2. 
						
  2. 如何在 Vite 中使用 Element UI + Vue 3
		
    在上篇文章<2021新年 Vue3.0 + Element UI 尝鲜小记>里,我们尝试使用了 Vue CLI 创建 Vue 3 + Element UI 的项目,而 Vue CLI 实际 ...
    
		
    3. 
						
  3. 在Vue项目中使用Element UI:按需引入和完整引入
		
    下面操作在main.js文件中进行 完整引入: import Element from 'element-ui'; //样式文件,需单独引入 import 'element-ui/lib/theme- ...
    
		
    4. 
						
  4. vue中修改Element ui样式不起作用
		
    公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总 地表最强的电脑 运行了一下,当 ...
    
		
    5. 
						
  5. vue学习笔记（二）： 添加 element ui 插件
		
    一.加载 ui element vue add element 加载过程及成功结果如下 > vue add element>
    
		
    6. 
						
  6. php项目中使用element.ui和vue
		
    1.plugins中添加axios,element-ui 2.全局文件下引入 <script src="/static/plugins/vue@2.5.13/vue.js"& ...
    
		
    7. 
						
  7. vue项目中使用element ui上传图片到七牛
		
    1.获取token值 后台有接口调用直接返回token值 //请求后台拿七牛云token async getQiniuToken() { //token let uploadtoken = await ...
    
		
    8. 
						
  8. vue Cli 按需引入Element UI 和全局引用Element UI
		
    全局引用: 一.安装 Element UI npm i element-ui -S 二.在main.js 中引入 element UI import ElementUI from 'element-u ...
    
		
    9. 
						
  9. Element UI 中组件this.$message报错
		
    最近在做毕设的时候,用Element UI中的消息提示message一直报以下的错误: 展示的效果也不好看,没有图标什么的: 但我明明有在main.js引入了element-ui 呀,因为毕设时间很赶 ...
    
		
    10. 
						
  10. element UI实现表格中添加开关控制按钮
		
    我使用的是element ui V1.4.3 如下图是我要实现的效果: <template> <div> <el-button type="text" ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. hi3531结构: VB_CONF_S
			
    定义视频缓存池属性结构体. typedef struct hiVB_CONF_S {        HI_U32 u32MaxPoolCnt; /* max count of pools, (0,VB ...
    
			
    2. 
						
  2. WIN7 嵌入式系统安装教程 Windows Embedded Standard 2011 安装
			
    轻松构建你的第一个 Windows Embedded Standard 2011 镜像.通过本文你可以快速掌握如何使用Windows Embedded Standard 2011 CTP1 来构建一个 ...
    
			
    3. 
						
  3. zTree实现地市县三级级联DAO接口测试
			
    zTree实现地市县三级级联DAO接口测试 ProvinceDaoTest.java: /** * @Title:ProvinceDaoTest.java * @Package:com.gwtjs.d ...
    
			
    4. 
						
  4. freemarker中的left_pad和right_pad
			
    freemarker中的left_pad和right_pad 1.简易说明 (1)left_pad 距左边 (2)right_pad 距右边 (3)当仅仅只有一个参数时,插入的是空白:当有两个参数时, ...
    
			
    5. 
						
  5. vxi总线
			
    20世纪80年代后期,仪器制造商发现GPIB总线和VME总线产品无法再满足军用测控系统的需求了.在这种情况下,HP.Tekronix等五家国际著名的仪器公司成立了VXIbus联合体,并于1987年发布 ...
    
			
    6. 
						
  6. Java Web项目缺少jsp、servlet jar包
			
    1.错误描述  Caused by:java.lang.ClassNotFoundException:javax.servlet.jsp.PageContent 2.错误原因      缺少有关的js ...
    
			
    7. 
						
  7. Java中的java.math.BigInteger
			
    Java中的java.math.BigInteger /** * */ package com.you.model; /** * @author YouHaidong * */ public clas ...
    
			
    8. 
						
  8. C# 时间格式化大全
			
    DateTime dt = DateTime.Now; Label1.Text = dt.ToString();//2005-11-5 13:21:25        Label2.Text = dt ...
    
			
    9. 
						
  9. C#图解教程 第十六章 转换
			
    转换 什么是转换隐式转换显式转换和强制转换 强制转换 转换的类型数字的转换 隐式数字转换溢出检测上下文 1.checked和unchecked运算符2.checked语句和unchecked语句 显式 ...
    
			
    10. 
						
  10. [HNOI2013]消毒
			
    题目大意: 网址:https://www.luogu.org/problemnew/show/3231 大意:a×b×c的三维空间里有a×b×c个点(x,y,z),其中有些点需要被消除. 消除的方法为 ...
    
			
    11.