有时候我们使用el-tabs时标题不是固定的,当我们想隐藏其中某一个时,官方文档并没有提供相关的方法
此时可以用此方法隐藏
1、在el-tabs中加上refs
<el-tabs
ref="tabs"
type="border-card"
lazy
style="margin-right: 5px"
>
</el-tabs>
2、在js中加上这一行
this.$refs.tabs.$children[0].$refs.tabs[0].style.display="none"
但是当你加了这一行后发现并没效果,控制台输出日志发现
this.$refs.tabs.$children[0].$refs.tabs 为undefined
重点是要在nextTick中加上这句
this.$nextTick(() => {
this.$refs.tabs.$children[0].$refs.tabs[0].style.display = 'none'
})