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 相关文章推荐
jquery json 实例代码
Dec 02 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
JQuery基础语法小结
Feb 27 Javascript
解析Vue 2.5的Diff算法
Nov 28 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
js核心基础之闭包的应用实例分析
May 11 Javascript
js贪心算法 钱币找零问题代码实例
Sep 11 Javascript
Vue快速实现通用表单验证的方法
Feb 24 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
vue-resource 拦截器interceptors使用详解
Jan 18 Vue.js
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
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
使用jQuery模板来展现json数据的代码
2010/10/22 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
thinkphp 表名 大小写 窍门
2015/02/01 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
2016/06/29 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
Vue中控制v-for循环次数的实现方法
2018/09/26 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
python中的字符串内部换行方法
2018/07/19 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
如何使用python代码操作git代码
2020/02/29 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
南非最大的花卉和送礼服务:NetFlorist
2017/09/13 全球购物
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
初中班主任评语
2014/04/24 职场文书
2014年三万活动总结
2014/04/26 职场文书
李培根演讲稿
2014/05/22 职场文书
庆元旦演讲稿
2014/09/15 职场文书
销售督导岗位职责
2015/04/10 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
Python Flask实现进度条
2022/05/11 Python