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 入门讲解1
Apr 15 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
Element Input输入框的使用方法
Jul 26 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中利用post传递字符串重定向的实现代码
2011/04/21 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
js动态切换图片的方法
2015/01/20 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
理解JavaScript中的Proxy 与 Reflection API
2020/09/21 Javascript
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
使用python3实现操作串口详解
2019/01/01 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
django创建简单的页面响应实例教程
2019/09/06 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
Python面试题集
2012/03/08 面试题
篮球赛口号
2014/06/18 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
绵山导游词
2015/02/05 职场文书
导游词300字
2015/02/13 职场文书
后勤工作个人总结
2015/02/28 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
python游戏开发Pygame框架
2022/04/22 Python