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 相关文章推荐
Extjs 几个方法的讨论
Jan 28 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 Javascript
JavaScript用select实现日期控件
Jul 17 Javascript
浅谈JavaScript中指针和地址
Jul 26 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
May 04 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
vue中三级导航的菜单权限控制
Mar 31 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
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
pycharm远程调试openstack的图文教程
2017/11/21 Python
python使用插值法画出平滑曲线
2018/12/15 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
Python字典dict常用方法函数实例
2020/11/09 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
函授本科自我鉴定
2013/11/03 职场文书
周鸿祎:教你写创业计划书
2013/12/30 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
目标管理责任书
2014/04/15 职场文书
2014年会策划方案
2014/05/11 职场文书
优质服务口号
2014/06/11 职场文书
暑期培训心得体会
2014/09/02 职场文书
二年级数学教学反思
2016/02/16 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书