【Vue】el-tabs el-tab-pane中间加其他标签

我中间这一段没有直接循环了下面的内容了，我这个要怎么弄
【Vue】el-tabs el-tab-pane中间加其他标签

这是代码`<el-tabs v-model="active" type="card" @tab-click="tabClick" tab-position="left">

    <el-tab-pane name="first" label="采样任务信息">
<task-info :data="data" :type="query.type" ref="taskInfo" :disabled="disabled"></task-info>
<monitor-task :data="data" ref="monitorTask" :disabled="disabled" :type="query.type"></monitor-task>
<draggable-model
:data="data"
:type="query.type"
ref="draggableModel"
:cyprwid="query.cyprwid"
:disabled="disabled"
></draggable-model>
<div class="task-button-group" v-if="query.type==='add'">
<el-button type="primary" @click="doSave">提交</el-button>
</div>
</el-tab-pane>
<!-- <el-tab-pane name="second" label="采样单信息" v-if="query.type!=='add'">
<data-info :data="data" :cyprwid="query.cyprwid" :disabled="disabled" ref="dataInfo"></data-info>
</el-tab-pane>-->
<div class="jcdx-title" v-for="(jcdxitem) in labelList" :key="jcdxitem.jcdxid">
<h3>{{jcdxitem.jcdxmc}}</h3>
<div class="cd-title" v-for="(cditem) in jcdxitem.cdArr" :key="cditem.cdid">
<h4>{{cditem.cdmc}}</h4>
<el-tab-pane
v-for="(item) in cditem.cydArr"
:name="'add_tabs_'+item.tabId"
:key="item.tabId"
>
<span slot="label" class="cyd-title">
<span>
<el-badge class="item" :is-dot="true" v-if="item.hasChange">
<span
:class="item.ycyps===item.ypslyq?'title-finish': 'title-unfinish'"
>({{item.ycyps}}/{{item.ypslyq}})</span>
{{item.cydmc}}
</el-badge>
<span v-else>
<span
:class="item.ycyps===item.ypslyq?'title-finish': 'title-unfinish'"
>({{item.ycyps}}/{{item.ypslyq}})</span>
{{item.cydmc}}
</span>
</span>
</span>
<sample-entry
:tabIndex="item.tabId"
:active="active"
:params="item.params"
@tab-title-change="updateTitle"
></sample-entry>
</el-tab-pane>
</div>
</div>
</el-tabs>`

回答

以上是 【Vue】el-tabs el-tab-pane中间加其他标签 的全部内容， 来源链接： utcz.com/a/76397.html

回到顶部