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 相关文章推荐
JS 实现Json查询的方法实例
Apr 12 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
JavaScript通过正则表达式实现表单验证电话号码
Mar 07 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
JS闭包用法实例分析
Mar 27 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 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正则表达式(regar expression)
2011/09/10 PHP
修改php.ini不生效问题解决方法(上传大于8M的文件)
2013/06/14 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
Yii框架表单模型和验证用法
2016/05/20 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
请介绍一下WSDL的文档结构
2013/03/17 面试题
电厂职工自我鉴定
2014/02/20 职场文书
教师对学生的寄语
2014/04/03 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
民事答辩状格式范文
2015/05/21 职场文书
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis