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


Posted in Javascript onJuly 06, 2019

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

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

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

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

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

1.卸载原来的版本

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

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

可以看到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.换个版本

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
微信小程序 实例应用(记账)详解
Sep 28 Javascript
JS瀑布流实现方法实例分析
Dec 19 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 #Javascript
基于vue实现圆形菜单栏组件
Jul 05 #Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
Jul 05 #Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 #Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 #Javascript
Electron vue的使用教程图文详解
Jul 05 #Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 #Javascript
You might like
解析php中curl_multi的应用
2013/07/17 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
用jscript启动sqlserver
2007/06/21 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
three.js加载obj模型的实例代码
2017/11/10 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
剖析Python的Twisted框架的核心特性
2016/05/25 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
python drf各类组件的用法和作用
2021/01/12 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
学年自我鉴定范文
2013/10/01 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
审计班子对照检查材料
2014/08/27 职场文书
圆明园纪录片观后感
2015/06/03 职场文书
付款证明模板
2015/06/19 职场文书
驻村工作简报
2015/07/20 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android
Redis基本数据类型List常用操作命令
2022/06/01 Redis