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. 使用WinDbg内核调试
			
    首先你要配置好测试环境:参考VMware+Windgb+Win7 内核驱动调试 在你的主机上配置Symbols 配置sympath,C:\Users\Admin\Desktop\first\objch ...
    
			
    2. 
						
  2. VxWorks启动流程
			
    镜像种类不同,VxWorks的启动过程会有所不同. 我们项目中使用的是加载型VxWorks镜像 函数 函数功能 所在文件 bootTask() (a)    通过createBootLineFromF ...
    
			
    3. 
						
  3. Vxworks下的SATA提速
			
    1.       ATA接口的三种数据传输方式 (1)PIO(Programmable Input-Output)传输,可以分为PIO寄存器传输和PIO数据传输.PIO寄存器传输主要用于对ATA设备中 ...
    
			
    4. 
						
  4. Red Hat Enterprise Linux 6 “桌面”、“工作站”、“服务器” 版本差异比较
			
    Red Hat Enterprise Linux 6,共有三个版本.通过安装发现,所谓的"桌面"."工作站"."服务器"这三个版本的区别就在 ...
    
			
    5. 
						
  5. cookies、sessionStorage、和localStorage的区别。
			
    为什么会有cookie和session? 我们都知道http是无状态的协议无连接的,客户每次在读取web页面时服务器都会打开新的会话.服务器不会自动维护客户上下文的信息,那么session就是一种保存 ...
    
			
    6. 
						
  6. Intel_CS_WebRTC 验证性测试
			
      机器: Centos 7.2 一.配置阿里云源 wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.163.com/.help/Cen ...
    
			
    7. 
						
  7. TOJ  4120  Zombies VS Plants
			
    链接:http://acm.tju.edu.cn/toj/showp4120.html 4120.   Zombies VS Plants Time Limit: 1.0 Seconds   Memo ...
    
			
    8. 
						
  8. Http头介绍:Expires,Cache-Control,Last-Modified,ETag
			
    缓存分很多种:服务器缓存,第三方缓存,浏览器缓存等.其中浏览器缓存是代价最小的,因为浏览器缓存依赖的是客户 端,而几乎不耗费服务器端的资源. 让浏览器做缓存需要给浏览器发送指定的Http头,告诉浏览器 ...
    
			
    9. 
						
  9. 描述下@Component，@Repository，@Service，@Scope，@Autowired，@Inject，@Value标记的作用
			
    1.@Component为通用注解. 2.@Repository为持久层组件注解. 3.@Service为业务层组件注解. 4.@Scope为Bean的作用域注解. 5.@Autowired,@Inj ...
    
			
    10. 
						
  10. bzoj2969 矩形粉刷
			
    学习一波用markdown写题解的姿势QAQ 题意 给你一个w*h的矩形网格,每次随机选择两个点,将以这两个点为顶点的矩形内部的所有小正方形染黑,问染了k次之后期望有多少个黑色格子. 分析 一开始看错 ...
    
			
    11.