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利用Array.splice实现Array的insert/remove
Jan 13 Javascript
关于图片按比例自适应缩放的js代码
Oct 30 Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
Node.js+Express配置入门教程
May 19 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 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
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
php支持断点续传、分块下载的类
2016/05/02 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
node.js操作mysql(增删改查)
2015/07/24 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
Javascript中replace()小结
2015/09/30 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
python内存动态分配过程详解
2019/07/15 Python
浅析Python 多行匹配模式
2020/07/24 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
python数据抓取3种方法总结
2021/02/07 Python
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
文明学生事迹材料
2014/01/29 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
先进员工获奖感言
2014/08/14 职场文书
学校运动会广播稿范文
2014/10/02 职场文书
个人承诺书格式范文
2015/04/29 职场文书
安全教育的主题班会
2015/08/13 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
OpenCV全景图像拼接的实现示例
2021/06/05 Python
浅析NIO系列之TCP
2021/06/15 Java/Android
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript