el-tabs如何自定标签内容

2025-04-19 19:38:07

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

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

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

el-tabs如何自定标签内容

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

el-tabs如何自定标签内容
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢