el-tab-pane标签页如何加图标

大大。

于 2024-02-26 17:45:45 发布

阅读量520

点赞数 11

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43923808/article/details/136305321

版权

效果如下

主要修改

<el-tab-pane  name="tab6" v-if="subOrderType == 10 && urlname != 'wgSalesTerminationOrder'">
        <span slot="label"> 售后判责
 <span class="el-icon-warning" style="color:#F66B6C;">
</span></span>
        </el-tab-pane>

全部代码如下：

 <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane :label="subOrderType == 10 ? '售后指令表' : '方案下单'" name="tab1"></el-tab-pane>
        <el-tab-pane label="售后判责" name="tab6" v-if="subOrderType == 10 && urlname != 'wgSalesTerminationOrder'">
          <span slot="label"> 售后判责 <span class="el-icon-warning" style="color:#F66B6C;"></span></span>
        </el-tab-pane>
        <el-tab-pane label="订单信息" name="tab2" v-if="routerName != 'temporderList' && subOrderType != 10"></el-tab-pane>