el-tabs初始加载时,el-tabs__active-bar的宽度为0,导致下划线不显示,因此设置其宽度即可:
this.$nextTick((_) => {
const activeBarElement = document.getElementsByClassName(
"el-tabs__active-bar"
)[0];
activeBarElement.style.width = "73px";
});
也可以使用ref获取tabs元素,首先在el-tabs上加上ref="tabs",再在mounted里面使用下面的方式:
this.$refs.tabs.$el.querySelector(".el-tabs__active-bar").style.width =
"73px";