学无先后,达者为师

网站首页 编程语言 正文

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

作者:前端杨小白 更新时间: 2023-07-28 编程语言
<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>

原文链接:https://blog.csdn.net/yangwqi/article/details/106641375

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新