elementPlus | el-tabs 标签管理路由页面

最新推荐文章于 2024-07-29 15:15:19 发布

要加油哦～

最新推荐文章于 2024-07-29 15:15:19 发布

阅读量1.2k

点赞数

分类专栏： vue学习 JS学习 vue项目文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42479421/article/details/134105363

版权

vue学习同时被 3 个专栏收录

50 篇文章 3 订阅

订阅专栏

vue项目

45 篇文章 2 订阅

订阅专栏

JS学习

5 篇文章 0 订阅

订阅专栏

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

const tabClick = (tab)=>{
    const idx = tab.index
    if(idx == 0){
        router.push('/')
    }
    ...
}
</script>
<template>
    <!-- 撑开 stretch="true" -->
    <el-tabs 
        type="card" 
        tab-position="bottom" 
        class="app-bottom-nav"
        @tab-click="tabClick"
    >
        <el-tab-pane label="推荐" name="1"></el-tab-pane>

</template>

参考：elementui tab标签管理路由页面_this.$tab.openpage-CSDN博客

vue+elementUI el-tabs标签路由切换_element的tab页面切换_柠檬加栤的博客-CSDN博客