element 实现导航栏的嵌套

hbw0226

已于 2023-04-30 10:48:32 修改

阅读量292

点赞数

分类专栏： vue 文章标签： javascript vue

于 2023-04-23 10:39:44 首次发布

本文链接：https://blog.csdn.net/hbw0226/article/details/130316425

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、代码

        <el-row>
          <el-tabs @tab-click="handleClick" v-model="activfirst" >
            <el-tab-pane label="第一季度" name="onefirst">
              <el-tabs v-model="activeone" @tab-click="handleClick">
                <el-tab-pane label="初次" name="onefirst"></el-tab-pane>
                <el-tab-pane label="复测" name="onesecond"></el-tab-pane>
              </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="第二季度" name="twofirst">
              <el-tabs v-model="activetwo" @tab-click="handleClick">
                <el-tab-pane label="初次" name="twofirst"></el-tab-pane>
                <el-tab-pane label="复测" name="twosecond"></el-tab-pane>
              </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="第三季度" name="threefirst">
              <el-tabs v-model="activethree" @tab-click=" handleClick">
                <el-tab-pane label="初次" name="threefirst"></el-tab-pane>
                <el-tab-pane label="复测" name="threesecond"></el-tab-pane>
              </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="第四季度" name="fourfirst">
              <el-tabs v-model="activefour" @tab-click=" handleClick">
                <el-tab-pane label="初次" name="fourfirst"></el-tab-pane>
                <el-tab-pane label="复测" name="foursecond"></el-tab-pane>
              </el-tabs>
            </el-tab-pane>
          </el-tabs>
        </el-row>