element中tabs使用

最新推荐文章于 2024-08-23 15:48:17 发布

weixin_46276411

最新推荐文章于 2024-08-23 15:48:17 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_46276411/article/details/119044633

版权

本文详细介绍了如何在Element UI框架中实现双击表格行添加对应tabs标签的功能，包括步骤解析和操作过程，同时也涵盖了标签的添加与删除方法。

摘要由CSDN通过智能技术生成

场景1：双击另一个表格的某一行增加对应的tabs标签

第一步：

 <el-tabs
          v-model="editableTabsValue"
          type="card"
          closable
          @tab-remove="removeTab"
        >
          <el-tab-pane
            v-for="item in editableTabs"
            :key="item.name"
            :label="item.title"
            :name="item.name"
          >
            <template>
              <el-table
                :data="item.content"
                style="width: 100%"
                size="mini"
                @row-dblclick="rowDbClick"
              >
                <el-table-column prop="nickName" label="名称" width="180">
                </el-table-column>
                <el-table-column prop="longitude" label="经度" width="180">
                </el-table-column>
                <el-table-column prop="latitude" la