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 相关文章推荐
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
js下获取div中的数据的原理分析
Apr 07 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
JavaScript知识点整理
Dec 09 Javascript
理解javascript中的严格模式
Feb 01 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
Vue中的methods、watch、computed的区别
Nov 26 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
深入PHP5中的魔术方法详解
2013/06/17 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
DOM事件探秘篇
2017/02/15 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
Vue开发中常见的套路和技巧总结
2020/11/24 Vue.js
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
Python数据类型详解(四)字典:dict
2016/05/12 Python
python购物车程序简单代码
2018/04/18 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
党员承诺书范文
2014/05/19 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
讲文明懂礼貌演讲稿
2014/09/11 职场文书
2015年志愿者服务工作总结
2015/04/20 职场文书
上班迟到检讨书
2015/05/06 职场文书
小学思品教学反思
2016/02/20 职场文书
【2·13】一图读懂中国无线电发展
2022/02/18 无线电