el-tabs如何自定标签内容

时间:2024-10-13 06:51:45

1、打开一个vue文件,添加一个el-tabs组件,设置默认选中第一个tab。如图

el-tabs如何自定标签内容
el-tabs如何自定标签内容

2、新加一个el-tab-pane标签,使用slot="label"自定义内容为小图标+标题。如图

el-tabs如何自定标签内容

3、保存vue文件后用浏览器打开,这个时候就可以看到第一个标题显示为日期图标加标题效果了。如图

el-tabs如何自定标签内容
© 手抄报圈