vue项目中使用elementUI的el-tabs组件跳转卡死问题

语墨
2023-02-17 / 0 评论 / 52 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年02月17日,已超过883天没有更新,若内容或图片失效,请留言反馈。

解决方案1:

在页面上使用了el-tabs元素的页面(log.vue),使用el-row el-col元素来包裹el-tabs元素,也可以解决页面卡死问题
<tempalte>
  <div class="log-box">
    <el-row>
      <el-col :span="24">
        <el-tabs>
          <el-tab-pane>1111</el-tab-pane>
          <el-tab-pane>22222</el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>

解决方案2:

在el-tabs标签上面,加一个兄弟节点–空的块级元素
<tempalte>
  <div class="log-box">
     <div>&nbsp;</div>
     <el-tabs>
        <el-tab-pane>1111</el-tab-pane>
        <el-tab-pane>22222</el-tab-pane>
     </el-tabs> 
  </div>
</template>

此块级元素,要占位dom内容,但不设置宽高,即不影响页面为主;

解决方案3:

降级elementUI版本到2.6.3,或者升级vue版本到2.6x+

解决方案4:

vue(2.5.2)版本过低时 elment版本过高,会出现这个问题,解决方法:终端输入 npm audit fix 命令执行即可
0

评论 (0)

取消