脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → elementui el-tebs浏览器卡死报错

elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

 更新时间：2019年07月06日 09:23:09   投稿：zx  
这篇文章主要介绍了elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

elementui之新版本组件使用报错未注册问题

现在elementui已经更新到2.10.1也新加了一些组件，也给我们带来了很多的方便，再此非常感谢elementui，但是在有些版本中有些组件，应该是不太兼容，不知道大家有没有遇到过，下面我说下我遇到的两个小问题

我们习惯开发的时候看的文档都是最新的文档，当你去使用一些组件例如，无限滚动，日历这些，可能会遇到未注册的报错

报错是未注册这个组件，原因是你的elementui版本太低小于2.8.0，那个时候还没有这些组件，所以你去更新下elementui的版本即可：步奏如下

1.卸载原来的版本

npm uninstall element-ui或者cnpm uninstall element-ui -S


可以看到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.换个版本

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • vue封装公共方法的实现代码

    vue封装公共方法的实现代码

    这篇文章给大家介绍了vue封装公共方法的实现,文章中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-01-01
  • Vue+Express实现登录状态权限验证的示例代码

    Vue+Express实现登录状态权限验证的示例代码

    这篇文章主要介绍了Vue+Express实现登录状态权限验证的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • vue实现可视化可拖放的自定义表单的示例代码

    vue实现可视化可拖放的自定义表单的示例代码

    这篇文章主要介绍了vue实现可视化可拖放的自定义表单的示例代码,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • vue项目中播放rtmp视频文件流的方法

    vue项目中播放rtmp视频文件流的方法

    这篇文章主要介绍了vue项目中播放rtmp视频文件流 ,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-09-09
  • Vue websocket封装实现方法详解

    Vue websocket封装实现方法详解

    项目中需要使用websocke，这个是我自己修修改改好多次之后用得最顺手的一版，分享一下。这个封装需要搭配vuex使用，因为收到的数据都保存在vuex中了，真的绝绝子好用，解决了我一大堆问题
    2022-09-09
  • elementUI el-table二次封装的详细实例

    elementUI el-table二次封装的详细实例

    在项目中会多次使用表格展示数据,不对这个table进行二次封装成我们自己想要的,重复的代码量的工作会比较大,下面这篇文章主要给大家介绍了关于elementUI el-table二次封装的相关资料,需要的朋友可以参考下
    2023-03-03
  • vue.js+Echarts开发图表放大缩小功能实例

    vue.js+Echarts开发图表放大缩小功能实例

    本篇文章主要介绍了vue.js+Echarts开发图表放大缩小功能实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 使用vux实现上拉刷新功能遇到的坑

    使用vux实现上拉刷新功能遇到的坑

    最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑,感兴趣的朋友参考下吧
    2018-02-02
  • nuxt.js 缓存实践

    nuxt.js 缓存实践

    这篇文章主要介绍了nuxt.js 缓存实践，nuxt 的缓存可以分为 组件级别缓存 , API级别缓存 以及 页面级别缓存，本文就详细的介绍了这三种缓存，感兴趣的小伙伴们可以参考一下
    2018-06-06
  • vue实现表单单独移除一个字段验证

    vue实现表单单独移除一个字段验证

    这篇文章主要为大家详细介绍了vue实现表单单独移除一个字段验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03

最新评论