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中设置下划线并且背景透明
  • 热门搜索
    鲜海参怎么吃 北海攻略 办公室减肥坐姿 江西庐山旅游攻略 哺乳期能减肥吗 黄鹤楼简介 排班表怎么做 泰拉瑞亚新手攻略 牛排怎么煎好吃又简单 杨红樱简介