当前位置:网站首页 > 技术经理的晋升之路 > 正文

ElementUI el-tabs切换之前判断是否满足切换条件 不满足条件仅提示不切换Tab

<template> <div id="header"> <el-tabs v-model="Bus.headName" class="navTab" :before-leave="beforeHandle"> <el-tab-pane label="工程1" name="first" > 工程1 </el-tab-pane> <el-tab-pane label="工程2" name="second"> 工程2 </el-tab-pane> <el-tab-pane label="工程3" name="third" id="cnotrol"> 工程3 </el-tab-pane> <el-tab-pane label="工程4" name="fifth"> 工程4 </el-tab-pane> </el-tabs> </div> </template> <script> export default { methods:{ beforeHandle(){ if(Bus.startFalg){ $message.warning('请在运动停止后,再进行其他操作。'); return false; } }, } } </script>

到此这篇ElementUI el-tabs切换之前判断是否满足切换条件 不满足条件仅提示不切换Tab的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 4.ES5中的类2024-11-28 12:54:08
  • 数组中添加对象 & 通过递归数组,给数组中的对象添加新字段 & $set给对象添加新属性 & 遍历唯一ID标识-随机数或时间戳2024-11-28 12:54:08
  • Node学习(九)022-管理系统之添加英雄——服务器编写添加的接口-使用multer模块来处理、multer基本用法& 处理新的静态资源之express.static() & dirname绝对路径2024-11-28 12:54:08
  • 下载网页视频简单的办法之一2024-11-28 12:54:08
  • 短视频剪辑真的不难!50个新手必备剪辑技巧。2024-11-28 12:54:08
  • 卸载双系统中的linux(卸载双系统中的一个)2024-11-28 12:54:08
  • 104协议(104协议中的asdu地址)2024-11-28 12:54:08
  • 电路原理详解(电路原理介绍)2024-11-28 12:54:08
  • 反激电路工作原理是什么(反激电路工作原理是什么样的)2024-11-28 12:54:08
  • 路由守卫的作用和意义(路由守卫的作用和意义有哪些)2024-11-28 12:54:08
  • 全屏图片