zoukankan      html  css  js  c++  java
  • vue + elementUI开发,使用el-tabs,导致浏览器卡死问题。

    第一次自己建项目,用过el-tabs,当时是正常使用的。

    贴下版本信息:

    "element-ui": "^2.13.0",
    "js-md5": "^0.7.3",
    "v-charts": "^1.19.0",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.1.2"
    "vue-template-compiler": "^2.5.2"

    第二次开发项目,用的是vue-element-template项目,

     结果一用el-tabs就卡死。

    根据网上建议,在<el-tab-pane>标签里不放任何元素,果然就不卡了。

    但是…… 这里面不放元素,怎么插入不同页面?

    于是继续找

    https://blog.csdn.net/csdn_yudong/article/details/93399104?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1

    结论是:el-tabs卡顿是由于版本不对应造成的。

    目前elemntUI的最新版本是2.13.0,vue版本是

    "vue": "^2.6.11",
    "vue-aplayer": "^1.6.1",
    "vue-router": "3.0.6",
    "vue-template-compiler": "^2.6.11"
     
    于是决定降低elementUI的版本(也可以修改vue的版本,但是个人觉得这个操作略繁琐。)
    根据测试,element在2.10.1以下都不会出现卡死现象。
    但是版本太低(低于2.9.3)的话,有些方便的组件都用不到了。比如avatar头像。
    所以最后我用了2.10.1。
    使用正常。
     
    如上。
     
     
    浅喜似苍狗,深爱如长风
  • 相关阅读:
    编程习俗和设计模式
    Design Patterns Quick Memo
    Monty Hall Problem
    RPG game: the lost Roman Army
    A Geeky Game Idea
    App自动化测试:等待webview页面数据加载完成
    Android自动化测试元素定位
    IOS苹果开发者免费证书申请&使用Xcode打包
    pytest测试夹具(fixture)简介
    Unittest与Pytest参数化区别
  • 原文地址:https://www.cnblogs.com/Zhang-jin/p/12848676.html
Copyright © 2011-2022 走看看