<template>
<div>
<el-tabs v-model="activeName" add-icon="custom-icon">
<el-tab-pane label="标签1" name="1">
内容1
<template #label>
<span>标签1</span>
<el-button v-if="showButton" class="custom-button">自定义按钮</el-button>
</template>
</el-tab-pane>
<el-tab-pane label="标签2" name="2">
内容2
<template #label>
<span>标签2</span>
<el-button v-if="showButton" class="custom-button">自定义按钮</el-button>
</template>
</el-tab-pane>
</el-tabs>
<el-button @click="showButton = !showButton" class="custom-button">切换按钮显示</el-button>
</div&
要将按钮放置在每个标签后面,您可以使用Vue的插槽功能来实现。以下是一个示例,展示如何在每个标签后面添加自定义按钮:
最新推荐文章于 2024-05-29 00:34:39 发布