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 相关文章推荐
Display SQL Server Login Mode
Jun 21 Javascript
有趣的JavaScript数组长度问题代码说明
Jan 20 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
Dec 01 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
js、css、img等浏览器缓存问题的2种解决方案
Oct 23 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
jquery ui dialog替代confirm实例分析
Jan 25 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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的引用详解
2015/02/22 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
Python中__call__用法实例
2014/08/29 Python
Python实现的rsa加密算法详解
2018/01/24 Python
一份python入门应该看的学习资料
2018/04/11 Python
python实现电脑自动关机
2018/06/20 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
python+opencv实现摄像头调用的方法
2019/06/22 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
Python3实现飞机大战游戏
2020/04/24 Python
Python中过滤字符串列表的方法
2020/12/22 Python
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
办加油卡单位介绍信
2014/01/09 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
授权委托书(公民个人适用)
2014/09/19 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
英文感谢信范文
2015/01/21 职场文书
建党伟业观后感
2015/06/01 职场文书
教师节获奖感言
2015/07/31 职场文书
详解python字符串驻留技术
2021/05/21 Python