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如何自定标签内容
  • tomcat项目怎么快速启动
  • C语言实现两个文件的连接
  • 百度echart图形组件X轴坐标过长如何处理?
  • textarea中设置下划线并且背景透明
  • 热门搜索
    推广普通话手抄报内容 儿童节手抄报内容大全 感恩手抄报内容大全 保护海洋手抄报 手抄报中秋 清明节手抄报内容50字 小学生禁毒手抄报 关于家乡的手抄报 普法手抄报 母亲节手抄报图片