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中设置下划线并且背景透明
  • 热门搜索
    交通安全知识手抄报 我们的节日手抄报 开学第一课手抄报小学 关于重阳节的手抄报 初中数学手抄报 校庆手抄报 五年级语文手抄报 超简单清明节手抄报 心理健康手抄报大全 厉行节约手抄报