elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

elementui之新版本组件使用报错未注册问题

现在elementui已经更新到2.10.1也新加了一些组件，也给我们带来了很多的方便，再此非常感谢elementui，但是在有些版本中有些组件，应该是不太兼容，不知道大家有没有遇到过，下面我说下我遇到的两个小问题

我们习惯开发的时候看的文档都是最新的文档，当你去使用一些组件例如，无限滚动，日历这些，可能会遇到未注册的报错

报错是未注册这个组件，原因是你的elementui版本太低小于2.8.0，那个时候还没有这些组件，所以你去更新下elementui的版本即可：步奏如下

1.卸载原来的版本

npm uninstall element-ui或者cnpm uninstall element-ui -S

可以看到package.json 里element-ui没有了

2.重装

npm i element-ui -S
或者安装想要的版本
cnpm i element-ui@2.10.0 -S 我这里装的是2.10.0（个人推荐）

3.重新

npm install
npm run dev

elementui之el-tebs浏览器卡死的问题

当有些时候升级到某个版本之后，新的组件是可以正常使用，但发现以前使用的el-tebs的页面会出现白屏卡死的问题，我也在百度上看到过一些，有的说外层套上layout

<el-row>
 <el-col :span="24"><div class="grid-content bg-purple-dark">
  <el-tabs v-model="activeName" @tab-click="handleClick">
  <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
  <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
  </el-tabs>
 </div></el-col>
</el-row>

然后我试了下，还是不行，最后还是换了几个版本试了一下，最后我用了2.10.0版本的，一切问题都没了，但奇怪的是我换了个项目用的还是这个版本然后试了一下，又出现了卡死的问题，最后那个项目换了个2.6.3的版本，正常运行。

总结：1.先检查下自己的项目是不是代码写的有问题，2.试下外面嵌套几层标签，3.换个版本

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解决方法

    前言 RxJS是一种针对异步数据流编程工具,或者叫响应式扩展编程:可不管如何解释RxJS其目标就是异步编程,Angular引入RxJS为了就是让异步可控.更简单.可是最近在升级中遇到了一些问题,下面就来给大家介绍下,给同样遇到这个问题发朋友们一些参考,下面话不多说了,来一起看看详细的介绍吧. Angular 5.0.5升级RxJS到5.5.3报错: ERROR Error: Uncaught (in promise): EmptyError: no elements in sequence Em

  • javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 原创

    ie8中对于声明文档类型更加严格如下面的代码. 运行环境: function osdo(str){ document.getElementById("os").value=str; } 清空 Windows平台 S60v2 S60v3 CHM PDF PPT WORD EXCEL asp asp+access asp+sqlserver asp+sql/access php源码 php php+mysqljsp asp.net源码 asp.net asp.net+access asp.

  • elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

    elementui之新版本组件使用报错未注册问题 现在elementui已经更新到2.10.1也新加了一些组件,也给我们带来了很多的方便,再此非常感谢elementui,但是在有些版本中有些组件,应该是不太兼容,不知道大家有没有遇到过,下面我说下我遇到的两个小问题 我们习惯开发的时候看的文档都是最新的文档,当你去使用一些组件例如,无限滚动,日历这些,可能会遇到未注册的报错 报错是未注册这个组件,原因是你的elementui版本太低小于2.8.0,那个时候还没有这些组件,所以你去更新下elemen

  • 详解Element-ui NavMenu子菜单使用递归生成时使用报错

    当采用递归方式生成导航栏的子菜单时,菜单可以正常生成,但是当鼠标hover时,会出现循环调用某个(mouseenter)事件,导致最后报错 处理方式 注:2.13.2 版本,只需对子菜单设置属性 :popper-append-to-body="false" 就不会出现这个问题了 报错信息如下: Uncaught RangeError: Maximum call stack size exceeded.     at VueComponent.handleMouseenter (inde

  • 使用Element-UI的el-tabs组件,浏览器卡住了的问题及解决

    使用Element-UI的el-tabs组件,浏览器卡住了的问题及解决

    目录 Element-UI的el-tabs组件,浏览器卡住 问题 解决方案?? 正确的解决方案 小结 Element-UI el-tabs选项卡踩坑记录 Element-UI的el-tabs组件,浏览器卡住 问题 我使用的版本是:vue@2.5.13.vue-template-compiler@2.5.13.element-ui@2.8.2 在一个页面中使用了 element-ui 的 el-tabs 组件,然后,切换路由进入这个页面的时候,就卡住了,浏览器也卡住了:去掉 el-tabs 就好了

  • vue+elementUI组件递归实现可折叠动态渲染多级侧边栏导航

    vue+elementUI组件递归实现可折叠动态渲染多级侧边栏导航

    早就实现了功能,但是发现点击的时候,选中的菜单项背景色会变白,周五时候仔细观察了一下,发现并不是调整样式的问题,而是选项没有被选中,于是好好研究了一下组件递归这块,总结记录一下心路历程 一.概念 递归:递归其实说白了,就是自己调用自己,样子就像是套娃一个套一个的,小时候玩过一个游戏汉诺塔就是利用的递归原理: 函数递归:函数利用函数名还调用自己 组件递归:所以组件递归利用的是vue组件中的name属性来实现的 二.需求 实现可折叠动态渲染多级侧边栏导航 三.分析 1.观察到侧边栏导航是一级一级的,

  • 如何用node优雅地打印全链路日志

    如何用node优雅地打印全链路日志

    目录 前言 一.原理和实践 二.性能开销 总结 前言 当用户报问题:线上某个功能使用报错时,如何快速准确地定位?当某个请求接口返回数据缓慢时,如何有效地追踪优化? 一.原理和实践 众所周知,当一个请求到来时,大概会有以下日志产生: 1.AceesLog:用户访问日志 2.Exception:代码异常日志 3.SQL:sql查询日志 4.ThirdParty:第三方服务日志 该如何追踪一条请求产生的所有日志? 一般做法是使用一个requestId来做唯一标识, 然后写一个中间件,把requestI

  • 如何利用vue+vue-router+elementUI实现简易通讯录

    如何利用vue+vue-router+elementUI实现简易通讯录

    一个具有基本增删改查功能的通讯录,数据保存在本地的localStorage中. demo地址: https://junjunhuahua.github.io 1. 所用技术 js框架: vue2  https://cn.vuejs.org/ ui框架: elementUI  http://element.eleme.io/#/zh-CN 脚手架: vue-cli 单页: vue-router  https://router.vuejs.org/zh-cn/ 模块打包: webpack 2. 脚手

  • 浅谈vue中改elementUI默认样式引发的static与assets的区别

    浅谈vue中改elementUI默认样式引发的static与assets的区别

    首先从这说起 vue项目中的elementUI的默认样式怎么改 由于elementUI的样式太单调,比如这个slider滑块 elementUI中的API是没办法改变这个slider的颜色的,可是老板喜欢很黄,非要用yellow色.

  • 细说浏览器特性检测(2)-通用事件检测

    事件检测,即检测某一事件在不同的浏览器中是否存在(可用),这在编写Javascript的过程中也非常重要,如mouseenter/mouseleave事件虽然实用,但并不是所有浏览器都提供了标准的支持,因此需要自己手动模拟,即: function addEvent(element, name, handler) { if (name == 'mouseenter' && !hasEvent(name, element)) { //通过其他手段模拟mouseenter事件 } //正常的事件

  • 解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

    MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT

  • 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码. 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""

随机推荐