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 相关文章推荐
9个javascript语法高亮插件 推荐
Jul 18 Javascript
javascript动态加载二
Aug 22 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
Jul 18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
js下载文件并修改文件名
May 08 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 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中实现进程间通讯
2006/10/09 PHP
PHP simple_html_dom.php+正则 采集文章代码
2009/12/24 PHP
php无限遍历文件夹示例分享
2014/03/04 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
nodejs接入阿里大鱼短信验证码的方法
2017/07/10 NodeJs
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
js 实现在2d平面上画8的方法
2018/10/10 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python从入门到精通(DAY 1)
2015/12/20 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
python实现快递价格查询系统
2020/03/03 Python
Python 如何创建一个简单的REST接口
2020/07/30 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS