element-ui tabs+table 实现点击表格切换标签页

paradoxaaa_

于 2024-06-17 13:40:23 发布

阅读量1k

点赞数 2

分类专栏：笔记文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/paradoxaaa_/article/details/139741484

版权

客户需求：点击主任务标签页中的表格跳转到子任务所在的标签页

代码：

表格部分：

<el-tabs type="border-card" :active-name="currentTab" @tab-click="handleTabClick">
       <el-tab-pane class="table1" label="领料单状态" name="tab1">
         <el-table
             ref="singleTable"
             :data="tableData"
             highlight-current-row
             @current-change="handleCurrentChange"
             style="width: 100%">
           <el-table-column
               property="materialNum"
               align="center"
               label="领料单号">
           </el-table-column>
           <el-table-column
               property="

最低0.47元/天解锁文章